*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{font-family:Arial,Helvetica,sans-serif}.feedback-toast-stack{z-index:1100;pointer-events:none;flex-direction:column;gap:10px;width:min(380px,100vw - 32px);display:flex;position:fixed;top:16px;right:16px}.feedback-toast{pointer-events:auto;color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.4;display:flex;box-shadow:0 10px 25px #0f172a1f}.feedback-toast-success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.feedback-toast-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.feedback-toast-info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.feedback-toast-message{white-space:pre-line;flex:1}.feedback-toast-close,.feedback-modal-close{cursor:pointer;color:inherit;background:0 0;border:none;padding:0 2px;font-size:20px;line-height:1}.feedback-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.feedback-modal{background:#fff;border-radius:12px;width:min(440px,100%);padding:24px;box-shadow:0 20px 45px #0f172a33}.feedback-modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.feedback-modal-header h3{color:#111827;margin:0;font-size:18px}.feedback-modal-message{color:#374151;white-space:pre-line;margin:0 0 20px;font-size:14px;line-height:1.5}.feedback-modal-footer{justify-content:flex-end;gap:10px;display:flex}.feedback-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600}.feedback-btn.secondary{color:#374151;background:#fff;border-color:#e5e7eb}.feedback-btn.primary{color:#fff;background:#2563eb}.feedback-btn.danger{color:#fff;background:#dc2626}.feedback-btn:focus-visible{outline-offset:2px;outline:2px solid #93c5fd}.d6-navbar{--d6-navy:#253463;--d6-blue:#4b6fe8;--d6-text:#202020;--d6-text-secondary:#667085;--d6-border:#e5e7eb;--d6-surface:#fff;--d6-blue-tint:#f0f3fe;--d6-gradient:linear-gradient(135deg, var(--d6-navy), var(--d6-blue));z-index:1000;background:var(--d6-surface);border-bottom:1px solid var(--d6-border);width:100%;position:relative}.d6-navbar-container{justify-content:space-between;align-items:center;gap:28px;width:min(1540px,100% - 80px);min-height:78px;margin:0 auto;display:flex}.d6-brand{color:var(--d6-text);flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.d6-brand-mark{background:var(--d6-gradient);color:#fff;letter-spacing:-.5px;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:flex;box-shadow:0 5px 14px #25346333}.d6-brand-text strong{color:var(--d6-text);letter-spacing:-.5px;font-size:18px;font-weight:700;line-height:1.2;display:block}.d6-brand-text strong span{color:var(--d6-blue)}.d6-brand-text small{color:var(--d6-text-secondary);letter-spacing:.3px;margin-top:2px;font-size:11px;font-weight:600;display:block}.d6-navigation{align-items:center;gap:30px;height:100%;margin-left:auto;display:flex}.d6-navigation>a{color:var(--d6-text);white-space:nowrap;align-items:center;gap:7px;font-size:14.5px;font-weight:550;text-decoration:none;transition:color .18s;display:flex}.d6-navigation>a:hover{color:var(--d6-blue)}.d6-nav-item{align-items:center;padding:27px 0;display:flex;position:relative}.d6-nav-trigger{color:var(--d6-text);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;margin:0;padding:0;font-size:14.5px;font-weight:550;transition:color .18s;display:flex}.d6-nav-trigger:hover,.d6-nav-trigger.open{color:var(--d6-blue)}.d6-caret{color:currentColor;justify-content:center;align-items:center;width:10px;height:7px;transition:transform .2s;display:inline-flex}.d6-caret-svg{width:10px;height:7px;display:block}.d6-caret.open{transform:rotate(180deg)}.d6-nav-trigger:focus-visible,.d6-navigation>a:focus-visible,.d6-brand:focus-visible,.d6-login:focus-visible,.d6-demo-button:focus-visible,.d6-mobile-toggle:focus-visible,.d6-mobile-link:focus-visible,.d6-mobile-trigger:focus-visible,.d6-panel-list a:focus-visible,.d6-solution-card:focus-visible,.d6-mobile-submenu a:focus-visible{outline:2px solid var(--d6-blue);outline-offset:2px;border-radius:6px}.d6-dropdown{border:1px solid var(--d6-border);background:var(--d6-surface);border-radius:12px;max-width:calc(100vw - 32px);padding:18px;animation:.18s d6DropdownIn;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #2534631f}@keyframes d6DropdownIn{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.d6-panel-eyebrow{padding:2px 8px 14px}.d6-panel-eyebrow span{color:var(--d6-blue);letter-spacing:.6px;font-size:11px;font-weight:700;display:block}.d6-panel-eyebrow p{color:var(--d6-text-secondary);margin:4px 0 0;font-size:12.5px;font-weight:500}.d6-panel-list{flex-direction:column;gap:2px;display:flex}.d6-panel-list a{color:var(--d6-text);border-radius:8px;align-items:center;padding:11px 10px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.d6-panel-list a:hover{background:var(--d6-blue-tint);color:var(--d6-blue)}.d6-panel-products,.d6-panel-resources{width:380px}.d6-panel-solutions{width:560px}.d6-panel-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.d6-solution-card{border:1px solid var(--d6-border);border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:15px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.d6-solution-card:hover{border-color:var(--d6-blue);background:var(--d6-blue-tint)}.d6-solution-card strong{color:var(--d6-text);font-size:13.5px;font-weight:700}.d6-solution-card small{color:var(--d6-text-secondary);font-size:12px;line-height:1.45}.d6-navbar-right{flex-shrink:0;align-items:center;gap:18px;display:flex}.d6-login{color:var(--d6-text);font-size:14px;font-weight:600;text-decoration:none;transition:color .18s}.d6-login:hover{color:var(--d6-blue)}.d6-divider{background:var(--d6-border);width:1px;height:28px}.d6-demo-button{background:var(--d6-gradient);color:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-width:164px;height:44px;padding:4px 4px 4px 20px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 18px #4b6fe840}.d6-demo-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #4b6fe852}.d6-demo-button span{font-size:13.5px;font-weight:650}.d6-demo-button b{background:#ffffff38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;font-weight:400;line-height:1;display:flex}.d6-mobile-toggle{cursor:pointer;background:#f2f3f7;border:0;border-radius:8px;flex-shrink:0;width:42px;height:42px;padding:8px;display:none}.d6-mobile-toggle span{background:var(--d6-text);width:20px;height:2px;margin:4px auto;transition:transform .2s,opacity .2s;display:block}.d6-mobile-toggle.active span:first-child{transform:translateY(6px)rotate(45deg)}.d6-mobile-toggle.active span:nth-child(2){opacity:0}.d6-mobile-toggle.active span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.d6-mobile-menu{display:none}@media (width<=1440px){.d6-navbar-container{width:calc(100% - 56px)}}@media (width<=1280px){.d6-navigation{gap:20px}.d6-navigation>a,.d6-nav-trigger{font-size:13.5px}.d6-demo-button{min-width:145px}.d6-panel-solutions{width:500px}}@media (width<=1024px){.d6-navbar-container{min-height:74px}.d6-navigation{display:none}.d6-mobile-toggle{display:block}.d6-navbar-right{margin-left:auto}}@media (width<=900px){.d6-navbar-container{width:calc(100% - 40px);min-height:72px}}@media (width<=768px){.d6-navbar-container{min-height:70px}.d6-navbar-right{gap:14px}.d6-login{font-size:13px}.d6-demo-button{min-width:130px}}@media (width<=600px){.d6-navbar-container{width:calc(100% - 24px);min-height:68px}.d6-brand-mark{width:34px;height:34px;font-size:11px}.d6-brand-text strong{font-size:16px}.d6-brand-text small{font-size:9px}.d6-navbar-right{display:none}.d6-mobile-menu{opacity:0;visibility:hidden;border:1px solid var(--d6-border);background:var(--d6-surface);border-radius:12px;flex-direction:column;gap:2px;width:calc(100% - 24px);max-height:0;margin:0 auto 12px;padding:8px;transition:opacity .2s,transform .2s,visibility .2s;display:flex;overflow:hidden;transform:translateY(-8px);box-shadow:0 18px 40px #0000001a}.d6-mobile-menu.open{opacity:1;visibility:visible;max-height:none;overflow:visible;transform:translateY(0)}.d6-mobile-link{min-height:46px;color:var(--d6-text);border-radius:8px;align-items:center;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.d6-mobile-link:hover{background:var(--d6-blue-tint);color:var(--d6-blue)}.d6-mobile-item{flex-direction:column;display:flex}.d6-mobile-trigger{min-height:46px;color:var(--d6-text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:0 12px;font-size:14px;font-weight:600;display:flex}.d6-mobile-trigger:hover,.d6-mobile-trigger.open{background:var(--d6-blue-tint);color:var(--d6-blue)}.d6-mobile-submenu{flex-direction:column;padding:2px 4px 8px 30px;display:flex}.d6-mobile-submenu a{min-height:38px;color:var(--d6-text-secondary);border-radius:7px;align-items:center;padding:0 10px;font-size:13px;font-weight:550;text-decoration:none;display:flex}.d6-mobile-submenu a:hover{background:var(--d6-blue-tint);color:var(--d6-blue)}.d6-mobile-divider{background:var(--d6-border);height:1px;margin:7px 3px}.d6-mobile-demo{background:var(--d6-gradient);border-radius:10px;align-items:center;gap:8px;min-height:46px;margin-top:5px;font-size:14.5px;font-weight:650;text-decoration:none;display:flex;color:#fff!important;justify-content:center!important}}@media (width<=480px){.d6-navbar-container{width:calc(100% - 18px)}.d6-brand-text small{display:none}}@media (width<=375px){.d6-brand-text strong{font-size:15px}.d6-mobile-toggle{width:38px;height:38px}}.d6-hero{--d6-navy:#253463;--d6-navy-dark:#1d2a55;--d6-blue:#4b6fe8;--d6-blue-dark:#3f5fd0;--d6-slate:#465a91;--d6-bg:#f4f6fa;--d6-text:#111827;--d6-muted:#60708d;--d6-border:#e2e7f0;width:100%;min-height:590px;color:var(--d6-text);background:#fff;align-items:center;display:flex;position:relative;overflow:hidden}.d6-hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.d6-hero-grid{opacity:.35;background-image:linear-gradient(#25346309 1px,#0000 1px),linear-gradient(90deg,#25346309 1px,#0000 1px);background-size:65px 65px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.d6-hero-glow{filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.d6-glow-one{background:#4b6fe81a;width:500px;height:500px;top:-200px;right:-100px}.d6-glow-two{background:#25346312;width:350px;height:350px;bottom:-180px;left:-150px}.d6-hero-container{z-index:2;grid-template-columns:minmax(400px,.85fr) minmax(500px,1.15fr);align-items:center;gap:55px;width:min(1500px,100% - 80px);margin:0 auto;padding:25px 0 40px;display:grid;position:relative}.d6-hero-content{z-index:3;max-width:650px;position:relative}.d6-hero-badge{color:var(--d6-blue);background:#4b6fe80e;border:1px solid #4b6fe82e;border-radius:50px;align-items:center;gap:10px;margin-bottom:26px;padding:9px 15px;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex}.d6-badge-dot{background:var(--d6-blue);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 4px #4b6fe81a}.d6-hero-title{color:var(--d6-navy);letter-spacing:-3px;margin:0;font-size:clamp(48px,5vw,76px);font-weight:700;line-height:1.04}.d6-hero-title span{color:var(--d6-blue);display:block}.d6-hero-description{max-width:590px;color:var(--d6-muted);margin:27px 0 34px;font-size:18px;line-height:1.7}.d6-hero-actions{align-items:center;gap:14px;margin-bottom:40px;display:flex}.d6-hero-primary{background:var(--d6-blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:15px;min-height:52px;padding:0 23px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 25px #4b6fe83d}.d6-hero-primary:hover{background:var(--d6-blue-dark);color:#fff;transform:translateY(-2px);box-shadow:0 15px 30px #4b6fe84d}.d6-hero-primary span{font-size:20px;line-height:1;transition:transform .2s}.d6-hero-primary:hover span{transform:translate(4px)}.d6-hero-secondary{border:1px solid var(--d6-border);min-height:52px;color:var(--d6-navy);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0 23px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.d6-hero-secondary:hover{color:var(--d6-navy);background:#f8faff;border-color:#c8d2ea;transform:translateY(-2px);box-shadow:0 10px 24px #25346314}.d6-hero-trust{align-items:center;gap:28px;display:flex}.d6-trust-item{align-items:center;gap:10px;display:flex}.d6-trust-icon{width:28px;height:28px;color:var(--d6-blue);background:#4b6fe817;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.d6-trust-item strong{color:var(--d6-navy);font-size:13px;font-weight:700;display:block}.d6-trust-item span{color:#8a97ae;margin-top:2px;font-size:11px;display:block}.d6-hero-visual{justify-content:center;align-items:center;width:100%;min-width:0;min-height:500px;padding:20px;display:flex;position:relative;overflow:visible}.d6-visual-glow{filter:blur(15px);z-index:0;pointer-events:none;background:radial-gradient(circle,#4b6fe82e 0%,#4b6fe81a 32%,#4b6fe80a 55%,#4b6fe800 75%);border-radius:50%;width:520px;height:520px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.d6-employee-image-wrapper{z-index:2;justify-content:center;align-items:center;width:100%;max-width:680px;display:flex;position:relative}.d6-employee-image{object-fit:contain;filter:drop-shadow(0 28px 50px #2534632e)drop-shadow(0 10px 25px #4b6fe81a);border-radius:18px;width:100%;max-width:680px;height:auto;transition:transform .35s,filter .35s;display:block}.d6-employee-image-wrapper:hover .d6-employee-image{filter:drop-shadow(0 35px 60px #25346338)drop-shadow(0 12px 28px #4b6fe824);transform:translateY(-7px)}.d6-floating-card{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border:1px solid #25346314;border-radius:12px;align-items:center;gap:10px;min-width:235px;padding:13px 16px;animation:4s ease-in-out infinite d6-floating;display:flex;position:absolute;bottom:40px;left:-20px;box-shadow:0 18px 45px #25346324}.d6-floating-check{color:#23855c;background:#ecf9f3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.d6-floating-content{flex-direction:column;display:flex}.d6-floating-card strong{color:var(--d6-navy);font-size:10px;font-weight:700;line-height:1.3;display:block}.d6-floating-card span{color:#8a97ae;margin-top:3px;font-size:8px;line-height:1.4;display:block}@keyframes d6-floating{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (width<=1400px){.d6-hero-container{grid-template-columns:minmax(380px,.85fr) minmax(480px,1.15fr);gap:55px;width:calc(100% - 70px)}.d6-employee-image-wrapper,.d6-employee-image{max-width:620px}}@media (width<=1200px){.d6-hero-container{gap:40px;width:calc(100% - 60px)}.d6-hero-title{letter-spacing:-2.5px;font-size:58px}.d6-hero-description{font-size:16px}.d6-hero-visual{min-height:500px}.d6-employee-image-wrapper,.d6-employee-image{max-width:560px}.d6-floating-card{bottom:25px;left:-10px}}@media (width<=950px){.d6-hero{min-height:auto}.d6-hero-container{text-align:center;grid-template-columns:1fr;gap:40px;width:min(100% - 50px,760px);padding:45px 0}.d6-hero-content{max-width:720px;margin:0 auto}.d6-hero-badge{margin-left:auto;margin-right:auto}.d6-hero-title{letter-spacing:-2px;font-size:clamp(46px,8vw,64px)}.d6-hero-description{margin-left:auto;margin-right:auto}.d6-hero-actions,.d6-hero-trust{justify-content:center}.d6-hero-visual{width:100%;min-height:auto;padding:20px 10px 60px}.d6-employee-image-wrapper,.d6-employee-image{max-width:650px}.d6-floating-card{bottom:25px;left:0}}@media (width<=650px){.d6-hero{min-height:auto}.d6-hero-container{gap:40px;width:calc(100% - 36px);padding:40px 0 45px}.d6-hero-badge{gap:8px;padding:8px 11px;font-size:10px}.d6-badge-dot{width:6px;height:6px}.d6-hero-title{letter-spacing:-1.8px;font-size:clamp(38px,11vw,48px);line-height:1.08}.d6-hero-description{margin:20px auto 28px;font-size:15px;line-height:1.65}.d6-hero-actions{flex-direction:column;gap:10px;width:100%;margin-bottom:30px}.d6-hero-primary,.d6-hero-secondary{width:100%;max-width:320px}.d6-hero-trust{flex-direction:column;align-items:flex-start;gap:14px;width:fit-content;margin:0 auto}.d6-trust-item{gap:8px}.d6-trust-icon{width:25px;height:25px;font-size:11px}.d6-trust-item strong{font-size:12px}.d6-trust-item span{font-size:10px}.d6-hero-visual{min-height:auto;padding:10px 0 55px}.d6-visual-glow{width:320px;height:320px}.d6-employee-image-wrapper{width:100%;max-width:100%}.d6-employee-image{border-radius:14px;width:100%;max-width:100%}.d6-floating-card{border-radius:10px;gap:8px;min-width:auto;padding:10px 12px;bottom:8px;left:auto;right:0}.d6-floating-check{width:28px;height:28px;font-size:12px}.d6-floating-card strong{font-size:9px}.d6-floating-card span{font-size:7px}}@media (width<=430px){.d6-hero-container{width:calc(100% - 28px);padding:35px 0 40px}.d6-hero-title{letter-spacing:-1.5px;font-size:36px}.d6-hero-description{font-size:14px}.d6-hero-badge{font-size:9px}.d6-hero-primary,.d6-hero-secondary{min-height:48px;font-size:13px}.d6-hero-visual{padding-bottom:50px}.d6-floating-card{padding:8px 10px;right:0}.d6-floating-check{width:25px;height:25px;font-size:10px}.d6-floating-card strong{font-size:8px}.d6-floating-card span{font-size:6px}}@media (prefers-reduced-motion:reduce){.d6-floating-card{animation:none}.d6-employee-image{transition:none}.d6-employee-image-wrapper:hover .d6-employee-image{transform:none}.d6-hero-primary,.d6-hero-secondary{transition:none}}.d6-trust-strip{background:#f7f9fc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;width:100%;padding:28px 0}.d6-trust-strip-container{grid-template-columns:repeat(4,1fr);gap:20px;width:min(1180px,100% - 40px);margin:0 auto;display:grid}.d6-trust-strip-item{justify-content:center;align-items:center;gap:12px;display:flex}.d6-trust-strip-icon{color:#4b6fe8;background:#eaf0fe;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.d6-trust-strip-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.d6-trust-strip-label{color:#253463;white-space:nowrap;font-size:13.5px;font-weight:650;line-height:1.35}@media (width<=900px){.d6-trust-strip-container{grid-template-columns:repeat(2,1fr);gap:18px 24px}.d6-trust-strip-item{justify-content:flex-start}.d6-trust-strip-label{white-space:normal}}@media (width<=560px){.d6-trust-strip{padding:20px 0}.d6-trust-strip-container{grid-template-columns:1fr;gap:14px;width:calc(100% - 30px)}.d6-trust-strip-icon{width:30px;height:30px}.d6-trust-strip-icon svg{width:16px;height:16px}.d6-trust-strip-label{font-size:13px}}.d6-features{--d6-navy:#253463;--d6-navy-dark:#1d2a55;--d6-blue:#4b6fe8;--d6-blue-dark:#3f5fd0;--d6-muted:#60708d;--d6-border:#e2e7f0;--d6-bg:#f7f9fc;color:#111827;background:#fff;width:100%;padding:72px 0 68px;position:relative;overflow:hidden}.d6-features-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.d6-features-glow{filter:blur(100px);border-radius:50%;position:absolute}.d6-features-glow-one{background:#4b6fe814;width:420px;height:420px;top:-180px;right:-100px}.d6-features-glow-two{background:#2534630d;width:360px;height:360px;bottom:-180px;left:-150px}.d6-features-container{z-index:2;width:min(1400px,100% - 80px);margin:0 auto;position:relative}.d6-features-header{text-align:center;max-width:760px;margin:0 auto 40px}.d6-features-label{color:var(--d6-blue);letter-spacing:1.4px;justify-content:center;align-items:center;gap:9px;margin-bottom:18px;font-size:12px;font-weight:700;display:inline-flex}.d6-features-label span{background:var(--d6-blue);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4b6fe81a}.d6-features-title{color:var(--d6-navy);letter-spacing:-2.5px;margin:0;font-size:clamp(40px,4.5vw,64px);font-weight:700;line-height:1.08}.d6-features-title span{color:var(--d6-blue);display:block}.d6-features-description{max-width:650px;color:var(--d6-muted);margin:22px auto 0;font-size:17px;line-height:1.7}.d6-features-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.d6-feature-card{border:1px solid var(--d6-border);background:#fff;border-radius:16px;min-height:310px;padding:30px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.d6-feature-card:before{content:"";background:linear-gradient(90deg, var(--d6-navy), var(--d6-blue));transform-origin:0;width:100%;height:3px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.d6-feature-card:hover{border-color:#ccd6ed;transform:translateY(-6px);box-shadow:0 22px 50px #2534631a}.d6-feature-card:hover:before{transform:scaleX(1)}.d6-feature-card-top{justify-content:space-between;align-items:flex-start;display:flex}.d6-feature-icon{width:52px;height:52px;color:var(--d6-blue);background:linear-gradient(135deg,#4b6fe81f,#4b6fe80d);border-radius:12px;justify-content:center;align-items:center;display:flex}.d6-feature-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.d6-feature-number{color:#aab4c8;letter-spacing:1px;font-size:12px;font-weight:700}.d6-feature-card-content{margin-top:45px}.d6-feature-card h3{color:var(--d6-navy);letter-spacing:-.3px;margin:0;font-size:20px;font-weight:700;line-height:1.3}.d6-feature-card p{color:var(--d6-muted);margin:12px 0 0;font-size:14px;line-height:1.7}.d6-feature-link{color:var(--d6-blue);opacity:.9;align-items:center;gap:8px;margin-top:25px;font-size:12px;font-weight:700;transition:gap .2s;display:flex}.d6-feature-arrow{font-size:17px;line-height:1;transition:transform .2s}.d6-feature-card:hover .d6-feature-link{gap:12px}.d6-feature-card:hover .d6-feature-arrow{transform:translate(3px)}.d6-features-bottom{align-items:center;gap:20px;margin-top:55px;display:flex}.d6-features-bottom-line{background:var(--d6-border);flex:1;height:1px}.d6-features-bottom p{color:#8a97ae;text-align:center;white-space:nowrap;margin:0;font-size:12px;font-weight:500}@media (width<=1200px){.d6-features{padding:64px 0 60px}.d6-features-container{width:min(1100px,100% - 60px)}.d6-features-header{margin-bottom:34px}.d6-feature-card{min-height:300px;padding:25px}.d6-feature-card-content{margin-top:38px}}@media (width<=900px){.d6-features{padding:56px 0 52px}.d6-features-container{width:calc(100% - 50px)}.d6-features-title{letter-spacing:-2px;font-size:clamp(38px,6vw,52px)}.d6-features-description{font-size:16px}.d6-features-grid{grid-template-columns:repeat(2,1fr)}.d6-feature-card{min-height:290px}}@media (width<=650px){.d6-features{padding:46px 0 42px}.d6-features-container{width:calc(100% - 36px)}.d6-features-header{margin-bottom:26px}.d6-features-label{letter-spacing:1.1px;font-size:10px}.d6-features-title{letter-spacing:-1.7px;font-size:clamp(34px,10vw,46px);line-height:1.1}.d6-features-description{margin-top:18px;font-size:14px;line-height:1.65}.d6-features-grid{grid-template-columns:1fr;gap:14px}.d6-feature-card{border-radius:14px;min-height:auto;padding:24px}.d6-feature-card-content{margin-top:30px}.d6-feature-card h3{font-size:18px}.d6-feature-card p{font-size:13px}.d6-feature-link{margin-top:20px}.d6-features-bottom{margin-top:40px}.d6-features-bottom p{font-size:10px}}@media (width<=430px){.d6-features{padding:40px 0 36px}.d6-features-container{width:calc(100% - 28px)}.d6-features-title{letter-spacing:-1.4px;font-size:33px}.d6-features-description{font-size:13px}.d6-feature-card{padding:21px}.d6-feature-icon{border-radius:10px;width:46px;height:46px}.d6-feature-icon svg{width:22px;height:22px}.d6-feature-card-content{margin-top:25px}.d6-feature-card h3{font-size:17px}.d6-feature-card p{font-size:12px;line-height:1.65}.d6-features-bottom{gap:10px}.d6-features-bottom p{font-size:9px}}@media (prefers-reduced-motion:reduce){.d6-feature-card,.d6-feature-card:before,.d6-feature-link,.d6-feature-arrow{transition:none}}.d6-how-it-works{--d6-navy:#253463;--d6-navy-dark:#1d2a55;--d6-blue:#4b6fe8;--d6-blue-dark:#3f5fd0;--d6-muted:#60708d;--d6-border:#e2e7f0;color:#111827;background:#fff;width:100%;padding:72px 0 68px;position:relative;overflow:hidden}.d6-how-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.d6-how-grid{opacity:.35;background-image:linear-gradient(#25346309 1px,#0000 1px),linear-gradient(90deg,#25346309 1px,#0000 1px);background-size:65px 65px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.d6-how-glow{filter:blur(100px);border-radius:50%;position:absolute}.d6-how-glow-one{background:#4b6fe812;width:450px;height:450px;top:-200px;left:-180px}.d6-how-glow-two{background:#2534630f;width:400px;height:400px;bottom:-180px;right:-180px}.d6-how-container{z-index:2;width:min(1400px,100% - 80px);margin:0 auto;position:relative}.d6-how-header{text-align:center;max-width:800px;margin:0 auto 40px}.d6-how-label{color:var(--d6-blue);letter-spacing:1.4px;align-items:center;gap:9px;margin-bottom:18px;font-size:12px;font-weight:700;display:inline-flex}.d6-how-label span{background:var(--d6-blue);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4b6fe81a}.d6-how-title{color:var(--d6-navy);letter-spacing:-2.5px;margin:0;font-size:clamp(40px,4.5vw,62px);font-weight:700;line-height:1.08}.d6-how-title span{color:var(--d6-blue);display:block}.d6-how-description{max-width:680px;color:var(--d6-muted);margin:22px auto 0;font-size:17px;line-height:1.7}.d6-how-steps{grid-template-columns:1fr 55px 1fr 55px 1fr 55px 1fr;align-items:stretch;gap:0;display:grid}.d6-how-step{border:1px solid var(--d6-border);background:#ffffffeb;border-radius:16px;min-height:300px;padding:28px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;box-shadow:0 10px 35px #2534630a}.d6-how-step:hover{border-color:#cbd5ec;transform:translateY(-6px);box-shadow:0 22px 45px #2534631a}.d6-how-step-top{justify-content:space-between;align-items:flex-start;display:flex}.d6-how-number{color:#a8b2c6;letter-spacing:1px;font-size:12px;font-weight:700}.d6-how-step-icon{width:52px;height:52px;color:var(--d6-blue);background:linear-gradient(135deg,#4b6fe81f,#4b6fe80d);border-radius:12px;justify-content:center;align-items:center;transition:transform .25s,background .25s;display:flex}.d6-how-step-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.d6-how-step:hover .d6-how-step-icon{background:#4b6fe81f;transform:scale(1.05)}.d6-how-step-content{margin-top:55px}.d6-how-step-content h3{color:var(--d6-navy);letter-spacing:-.3px;margin:0;font-size:19px;font-weight:700;line-height:1.35}.d6-how-step-content p{color:var(--d6-muted);margin:13px 0 0;font-size:13px;line-height:1.7}.d6-how-connector{justify-content:center;align-items:center;display:flex}.d6-how-connector span{width:38px;height:38px;color:var(--d6-blue);background:#fff;border:1px solid #4b6fe829;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;box-shadow:0 8px 20px #2534630f}.d6-how-bottom{justify-content:center;margin-top:32px;display:flex}.d6-how-bottom-content{background:#4b6fe809;border:1px solid #4b6fe81f;border-radius:12px;align-items:center;gap:13px;padding:16px 22px;display:flex}.d6-how-bottom-icon{color:#23855c;background:#ecf9f3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.d6-how-bottom strong{color:var(--d6-navy);font-size:13px;font-weight:700;display:block}.d6-how-bottom span{color:#8a97ae;margin-top:3px;font-size:11px;display:block}@media (width<=1200px){.d6-how-it-works{padding:60px 0 56px}.d6-how-container{width:min(1100px,100% - 60px)}.d6-how-header{margin-bottom:32px}.d6-how-steps{grid-template-columns:1fr 35px 1fr 35px 1fr 35px 1fr}.d6-how-step{min-height:290px;padding:23px}.d6-how-step-content{margin-top:42px}.d6-how-step-content h3{font-size:17px}.d6-how-step-content p{font-size:12px}}@media (width<=900px){.d6-how-it-works{padding:56px 0 52px}.d6-how-container{width:calc(100% - 50px)}.d6-how-title{letter-spacing:-2px;font-size:clamp(38px,6vw,52px)}.d6-how-description{font-size:15px}.d6-how-steps{grid-template-columns:1fr 1fr;gap:15px}.d6-how-step{min-height:280px;padding:25px}.d6-how-connector{display:none}.d6-how-step-content{margin-top:45px}}@media (width<=600px){.d6-how-it-works{padding:46px 0 42px}.d6-how-container{width:calc(100% - 36px)}.d6-how-header{margin-bottom:26px}.d6-how-label{letter-spacing:1px;font-size:10px}.d6-how-title{letter-spacing:-1.6px;font-size:clamp(32px,9vw,44px);line-height:1.1}.d6-how-description{margin-top:17px;font-size:14px;line-height:1.65}.d6-how-steps{grid-template-columns:1fr;gap:12px}.d6-how-step{border-radius:14px;min-height:auto;padding:23px}.d6-how-step-content{margin-top:30px}.d6-how-step-content h3{font-size:17px}.d6-how-step-content p{font-size:12px;line-height:1.65}.d6-how-step-icon{border-radius:10px;width:46px;height:46px}.d6-how-step-icon svg{width:22px;height:22px}.d6-how-bottom{margin-top:24px}.d6-how-bottom-content{width:100%;padding:13px 15px}.d6-how-bottom strong{font-size:11px}.d6-how-bottom span{font-size:9px}}@media (width<=430px){.d6-how-it-works{padding:40px 0 36px}.d6-how-container{width:calc(100% - 28px)}.d6-how-title{letter-spacing:-1.3px;font-size:31px}.d6-how-description{font-size:13px}.d6-how-step{padding:20px}.d6-how-step-content{margin-top:25px}.d6-how-step-content h3{font-size:16px}.d6-how-step-content p{font-size:11px}.d6-how-bottom-content{gap:9px;padding:11px 12px}.d6-how-bottom-icon{width:30px;height:30px;font-size:11px}}@media (prefers-reduced-motion:reduce){.d6-how-step,.d6-how-step-icon{transition:none}}.d6-dashboard{background:#fff;width:100%;padding:64px 0;overflow:hidden}.d6-dashboard-container{width:min(1180px,100% - 40px);margin:0 auto}.d6-dashboard-header{text-align:center;max-width:760px;margin:0 auto 38px}.d6-dashboard-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;align-items:center;gap:9px;margin-bottom:20px;padding:8px 15px;font-size:13px;font-weight:700;display:inline-flex}.d6-dashboard-badge span{background:#2563eb;border-radius:50%;width:7px;height:7px}.d6-dashboard-header h2{color:#0f172a;letter-spacing:-.035em;margin:0;font-size:clamp(34px,4vw,50px);font-weight:800;line-height:1.1}.d6-dashboard-header h2 span{color:#2563eb}.d6-dashboard-header p{color:#64748b;margin:20px auto 0;font-size:17px;line-height:1.7}.d6-dashboard-preview{background:#f8fafc;border:1px solid #dbe3ef;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px #0f172a1a,0 10px 30px #2563eb0d}.d6-dashboard-topbar{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:70px;padding:0 25px;display:flex}.d6-dashboard-brand{align-items:center;gap:11px;display:flex}.d6-dashboard-logo{color:#fff;background:#2563eb;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:flex}.d6-dashboard-brand strong{color:#0f172a;font-size:13px;display:block}.d6-dashboard-brand small{color:#94a3b8;margin-top:2px;font-size:10px;display:block}.d6-dashboard-actions{align-items:center;gap:15px;display:flex}.d6-dashboard-actions button{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.d6-dashboard-actions svg{fill:none;stroke:#64748b;stroke-width:1.8px;stroke-linecap:round;width:17px;height:17px}.d6-dashboard-avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:10px;font-weight:800;display:flex}.d6-dashboard-body{min-height:490px;display:flex}.d6-dashboard-sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-shrink:0;width:190px;padding:25px 14px}.d6-sidebar-item{color:#64748b;border-radius:9px;align-items:center;gap:11px;margin-bottom:5px;padding:11px 12px;font-size:12px;font-weight:600;display:flex}.d6-sidebar-item span{text-align:center;width:19px;font-size:15px}.d6-sidebar-item.active{color:#1d4ed8;background:#eff6ff}.d6-dashboard-main{flex:1;min-width:0;padding:28px}.d6-dashboard-main-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.d6-dashboard-main-heading h3{color:#0f172a;margin:0;font-size:20px;font-weight:800}.d6-dashboard-main-heading p{color:#94a3b8;margin:5px 0 0;font-size:11px}.d6-dashboard-date{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:9px 12px;font-size:10px}.d6-dashboard-stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px;display:grid}.d6-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:17px}.d6-stat-top{color:#64748b;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;display:flex}.d6-stat-icon{color:#2563eb;background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex}.d6-stat-card>strong{color:#0f172a;margin:9px 0 6px;font-size:24px;font-weight:800;display:block}.d6-stat-change{align-items:center;gap:5px;display:flex}.d6-stat-change span{color:#16a34a;font-size:9px;font-weight:700}.d6-stat-change small{color:#94a3b8;font-size:8px}.d6-dashboard-grid{grid-template-columns:1.35fr 1fr;gap:18px;display:grid}.d6-chart-card,.d6-activity-card{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:20px}.d6-card-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.d6-card-heading h4{color:#0f172a;margin:0;font-size:13px;font-weight:750}.d6-card-heading p{color:#94a3b8;margin:4px 0 0;font-size:9px}.d6-card-heading button{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:6px 8px;font-size:8px}.d6-chart{height:180px;margin-top:20px;display:flex}.d6-chart-y{color:#94a3b8;flex-direction:column;justify-content:space-between;width:35px;padding-bottom:20px;font-size:8px;display:flex}.d6-chart-area{background:repeating-linear-gradient(#0000 0 35px,#f1f5f9 36px);border-bottom:1px solid #e2e8f0;border-left:1px solid #e2e8f0;flex:1;position:relative}.d6-chart-line{justify-content:space-around;align-items:flex-end;height:calc(100% - 25px);padding:0 12px;display:flex}.d6-chart-line span{opacity:.85;background:#2563eb;border-radius:5px 5px 0 0;width:9%;min-width:10px;max-width:25px}.d6-chart-x{color:#94a3b8;justify-content:space-around;align-items:flex-end;height:25px;font-size:8px;display:flex}.d6-activity-list{margin-top:13px}.d6-activity{border-bottom:1px solid #f1f5f9;align-items:center;gap:9px;padding:11px 0;display:flex}.d6-activity:last-child{border-bottom:none}.d6-activity-avatar{color:#1d4ed8;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:8px;font-weight:800;display:flex}.d6-activity>div:nth-child(2){flex:1;min-width:0}.d6-activity strong{color:#334155;font-size:9px;display:block}.d6-activity p{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:8px;overflow:hidden}.d6-activity>span{color:#94a3b8;font-size:8px}.d6-dashboard-bottom{background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;justify-content:space-between;align-items:center;gap:30px;margin-top:30px;padding:25px 30px;display:flex}.d6-dashboard-bottom strong{color:#0f172a;font-size:15px;display:block}.d6-dashboard-bottom p{color:#64748b;margin:5px 0 0;font-size:11px}.d6-dashboard-bottom-points{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.d6-dashboard-bottom-points span{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:7px 10px;font-size:9px;font-weight:600}@media (width<=1000px){.d6-dashboard{padding:56px 0}.d6-dashboard-sidebar{width:155px}.d6-dashboard-main{padding:20px}.d6-dashboard-stats{grid-template-columns:repeat(2,1fr)}.d6-dashboard-grid{grid-template-columns:1fr}.d6-dashboard-bottom{flex-direction:column;align-items:flex-start}.d6-dashboard-bottom-points{justify-content:flex-start}}@media (width<=640px){.d6-dashboard{padding:44px 0}.d6-dashboard-container{width:calc(100% - 30px)}.d6-dashboard-header{margin-bottom:26px}.d6-dashboard-header h2{font-size:32px}.d6-dashboard-header p{font-size:15px}.d6-dashboard-topbar{padding:0 15px}.d6-dashboard-brand strong{font-size:11px}.d6-dashboard-sidebar{display:none}.d6-dashboard-main{padding:15px}.d6-dashboard-main-heading{flex-direction:column;align-items:flex-start}.d6-dashboard-stats{grid-template-columns:repeat(2,1fr)}.d6-dashboard-grid{grid-template-columns:1fr}.d6-dashboard-bottom{padding:20px}}@media (width<=420px){.d6-dashboard-stats{grid-template-columns:1fr}.d6-dashboard-preview{border-radius:14px}.d6-dashboard-main-heading h3{font-size:17px}.d6-dashboard-date{width:100%}.d6-dashboard-bottom-points{flex-direction:column;width:100%}.d6-dashboard-bottom-points span{width:100%}}.d6-security{background:#f7faff;width:100%;padding:68px 0;position:relative;overflow:hidden}.d6-security:before{content:"";filter:blur(2px);background:#2563eb0f;border-radius:50%;width:420px;height:420px;position:absolute;top:-180px;right:-120px}.d6-security:after{content:"";background:#1e40af0d;border-radius:50%;width:350px;height:350px;position:absolute;bottom:-180px;left:-120px}.d6-security-container{z-index:2;width:min(1180px,100% - 40px);margin:0 auto;position:relative}.d6-security-header{text-align:center;max-width:760px;margin:0 auto 40px}.d6-security-badge{color:#1d4ed8;letter-spacing:.02em;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;align-items:center;gap:9px;margin-bottom:20px;padding:8px 15px;font-size:13px;font-weight:700;display:inline-flex}.d6-security-badge-dot{background:#2563eb;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2563eb1a}.d6-security-header h2{color:#0f172a;letter-spacing:-.035em;margin:0;font-size:clamp(34px,4vw,52px);font-weight:800;line-height:1.08}.d6-security-header h2 span{color:#2563eb}.d6-security-header p{color:#64748b;max-width:680px;margin:20px auto 0;font-size:17px;line-height:1.75}.d6-security-content{grid-template-columns:.9fr 1.1fr;align-items:center;gap:75px;display:grid}.d6-security-visual{justify-content:center;align-items:center;min-height:490px;display:flex;position:relative}.d6-security-glow{filter:blur(30px);background:#2563eb14;border-radius:50%;width:340px;height:340px;position:absolute}.d6-security-card{background:#fffffff5;border:1px solid #e2e8f0;border-radius:24px;width:min(390px,100%);padding:32px;position:relative;box-shadow:0 25px 70px #0f172a17,0 8px 25px #2563eb0d}.d6-security-shield{background:#eff6ff;border:1px solid #dbeafe;border-radius:22px;justify-content:center;align-items:center;width:86px;height:86px;margin-bottom:25px;display:flex}.d6-security-shield svg{fill:none;stroke:#2563eb;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:52px;height:52px}.d6-security-status{color:#15803d;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:700;display:inline-flex}.d6-status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #22c55e1a}.d6-security-card h3{color:#0f172a;letter-spacing:-.02em;margin:0 0 12px;font-size:25px;font-weight:800;line-height:1.25}.d6-security-card>p{color:#64748b;margin:0;font-size:15px;line-height:1.7}.d6-security-checks{border-top:1px solid #e2e8f0;flex-direction:column;gap:13px;margin-top:25px;padding-top:22px;display:flex}.d6-security-check{color:#334155;align-items:center;gap:11px;font-size:14px;font-weight:600;display:flex}.d6-security-check span{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:flex}.d6-security-features{flex-direction:column;display:flex}.d6-security-feature{border-bottom:1px solid #e2e8f0;gap:22px;padding:26px 0;display:flex}.d6-security-feature:first-child{padding-top:0}.d6-security-feature:last-child{border-bottom:none;padding-bottom:0}.d6-security-feature-icon{background:#fff;border:1px solid #dbeafe;border-radius:16px;flex:0 0 58px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;box-shadow:0 8px 20px #0f172a0a}.d6-security-feature-icon svg{fill:none;stroke:#2563eb;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px}.d6-security-feature-content{flex:1}.d6-security-feature-top{align-items:center;gap:13px;margin-bottom:8px;display:flex}.d6-security-feature-top>span{color:#94a3b8;letter-spacing:.08em;font-size:11px;font-weight:800}.d6-security-feature h3{color:#0f172a;margin:0;font-size:19px;font-weight:750}.d6-security-feature p{color:#64748b;max-width:560px;margin:0;font-size:14px;line-height:1.7}.d6-security-trust{background:#fff;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:30px;margin-top:44px;padding:25px 30px;display:grid;box-shadow:0 12px 35px #0f172a0a}.d6-security-trust-item{align-items:center;gap:13px;display:flex}.d6-trust-icon{color:#2563eb;background:#eff6ff;border-radius:11px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:800;display:flex}.d6-security-trust-item strong{color:#0f172a;margin-bottom:3px;font-size:13px;font-weight:750;display:block}.d6-security-trust-item small{color:#94a3b8;font-size:11px;line-height:1.4;display:block}.d6-security-divider{background:#e2e8f0;width:1px;height:42px}@media (width<=1000px){.d6-security{padding:56px 0}.d6-security-content{grid-template-columns:1fr;gap:55px}.d6-security-visual{min-height:auto}.d6-security-card{width:min(500px,100%)}.d6-security-features{width:100%;max-width:760px;margin:0 auto}.d6-security-trust{grid-template-columns:1fr;gap:20px}.d6-security-divider{width:100%;height:1px}}@media (width<=640px){.d6-security{padding:46px 0}.d6-security-container{width:min(100% - 30px,1180px)}.d6-security-header{margin-bottom:26px}.d6-security-header h2{font-size:34px}.d6-security-header p{font-size:15px;line-height:1.65}.d6-security-content{gap:45px}.d6-security-card{border-radius:20px;padding:28px}.d6-security-shield{border-radius:18px;width:72px;height:72px}.d6-security-shield svg{width:44px;height:44px}.d6-security-card h3{font-size:22px}.d6-security-feature{gap:15px;padding:22px 0}.d6-security-feature-icon{border-radius:13px;flex:0 0 48px;width:48px;height:48px}.d6-security-feature-icon svg{width:23px;height:23px}.d6-security-feature-top{flex-direction:column;align-items:flex-start;gap:3px}.d6-security-feature h3{font-size:17px}.d6-security-feature p{font-size:13px}.d6-security-trust{margin-top:32px;padding:22px}}@media (width<=420px){.d6-security-header h2{font-size:30px}.d6-security-card{padding:24px}.d6-security-feature{align-items:flex-start}.d6-security-feature-top>span{display:none}.d6-security-trust-item{align-items:flex-start}}.d6-testimonials{background:#fff;width:100%;padding:64px 0;overflow:hidden}.d6-testimonials-container{width:min(1180px,100% - 40px);margin:0 auto}.d6-testimonials-header{text-align:center;max-width:780px;margin:0 auto 38px}.d6-testimonials-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;align-items:center;gap:9px;margin-bottom:20px;padding:8px 15px;font-size:13px;font-weight:700;display:inline-flex}.d6-testimonials-badge span{background:#2563eb;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2563eb1a}.d6-testimonials-header h2{color:#0f172a;letter-spacing:-.035em;margin:0;font-size:clamp(34px,4vw,50px);font-weight:800;line-height:1.1}.d6-testimonials-header h2 span{color:#2563eb}.d6-testimonials-header p{color:#64748b;max-width:680px;margin:20px auto 0;font-size:17px;line-height:1.7}.d6-testimonials-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.d6-testimonial-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;min-height:330px;padding:30px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative}.d6-testimonial-card:hover{background:#fff;border-color:#bfdbfe;transform:translateY(-5px);box-shadow:0 20px 45px #0f172a12,0 5px 15px #2563eb0a}.d6-testimonial-top{justify-content:space-between;align-items:center;display:flex}.d6-testimonial-quote{color:#2563eb;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-family:Georgia,serif;font-size:30px;line-height:1;display:flex}.d6-testimonial-rating{color:#2563eb;letter-spacing:2px;font-size:14px}.d6-testimonial-text{color:#475569;margin:25px 0;font-size:14px;line-height:1.8}.d6-testimonial-author{border-top:1px solid #e2e8f0;align-items:center;gap:12px;margin-top:auto;padding-top:20px;display:flex}.d6-testimonial-avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:11px;font-weight:800;display:flex}.d6-testimonial-author h3{color:#0f172a;margin:0 0 4px;font-size:13px;font-weight:750}.d6-testimonial-author p{color:#94a3b8;margin:0;font-size:10px}.d6-testimonials-bottom{background:#0f172a;border-radius:18px;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;margin-top:30px;padding:25px 30px;display:grid;box-shadow:0 20px 45px #0f172a1a}.d6-testimonial-stat{text-align:center}.d6-testimonial-stat strong{color:#fff;font-size:22px;font-weight:800;display:block}.d6-testimonial-stat span{color:#94a3b8;margin-top:5px;font-size:10px;display:block}.d6-testimonial-divider{background:#334155;width:1px;height:38px}@media (width<=900px){.d6-testimonials{padding:56px 0}.d6-testimonials-grid{grid-template-columns:1fr;max-width:650px;margin:0 auto}.d6-testimonial-card{min-height:auto}.d6-testimonials-bottom{grid-template-columns:repeat(2,1fr);gap:25px}.d6-testimonial-divider{display:none}}@media (width<=640px){.d6-testimonials{padding:44px 0}.d6-testimonials-container{width:calc(100% - 30px)}.d6-testimonials-header{margin-bottom:26px}.d6-testimonials-header h2{font-size:32px}.d6-testimonials-header p{font-size:15px}.d6-testimonial-card{border-radius:17px;padding:25px}.d6-testimonial-text{font-size:13px}.d6-testimonials-bottom{gap:22px;padding:22px}}@media (width<=420px){.d6-testimonials-header h2{font-size:29px}.d6-testimonials-bottom{grid-template-columns:1fr}.d6-testimonial-stat{text-align:left}.d6-testimonial-stat strong{font-size:20px}}.d6-faq{background:#f7faff;width:100%;padding:68px 0;overflow:hidden}.d6-faq-container{width:min(1180px,100% - 40px);margin:0 auto}.d6-faq-header{text-align:center;max-width:760px;margin:0 auto 38px}.d6-faq-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;align-items:center;gap:9px;margin-bottom:20px;padding:8px 15px;font-size:13px;font-weight:700;display:inline-flex}.d6-faq-badge span{background:#2563eb;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2563eb1a}.d6-faq-header h2{color:#0f172a;letter-spacing:-.035em;margin:0;font-size:clamp(34px,4vw,50px);font-weight:800;line-height:1.1}.d6-faq-header h2 span{color:#2563eb}.d6-faq-header p{color:#64748b;max-width:680px;margin:20px auto 0;font-size:17px;line-height:1.7}.d6-faq-content{grid-template-columns:.75fr 1.25fr;align-items:start;gap:65px;display:grid}.d6-faq-info{position:sticky;top:30px}.d6-faq-info-card{background:#0f172a;border-radius:20px;padding:30px;box-shadow:0 20px 45px #0f172a1f}.d6-faq-info-icon{color:#60a5fa;background:#2563eb26;border:1px solid #60a5fa33;border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:22px;font-size:21px;font-weight:800;display:flex}.d6-faq-info-card h3{color:#fff;margin:0 0 10px;font-size:21px;font-weight:800}.d6-faq-info-card p{color:#94a3b8;margin:0;font-size:13px;line-height:1.75}.d6-faq-contact-link{color:#fff;align-items:center;gap:9px;margin-top:23px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.d6-faq-contact-link span{color:#60a5fa;font-size:16px;transition:transform .2s}.d6-faq-contact-link:hover span{transform:translate(4px)}.d6-faq-info-points{background:#fff;border:1px solid #e2e8f0;border-radius:15px;flex-direction:column;gap:12px;margin-top:22px;padding:20px;display:flex}.d6-faq-info-points div{color:#475569;align-items:center;gap:10px;font-size:11px;font-weight:600;display:flex}.d6-faq-info-points span{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:800;display:flex}.d6-faq-list{flex-direction:column;gap:10px;display:flex}.d6-faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:13px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.d6-faq-item.open{border-color:#bfdbfe;box-shadow:0 8px 25px #2563eb0d}.d6-faq-question{color:#0f172a;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:20px 22px;display:flex}.d6-faq-question>span:first-child{align-items:center;gap:14px;font-size:14px;font-weight:700;display:flex}.d6-faq-question small{color:#94a3b8;letter-spacing:.05em;font-size:9px;font-weight:800}.d6-faq-toggle{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;font-weight:500;display:flex}.d6-faq-answer{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.d6-faq-answer.visible{grid-template-rows:1fr}.d6-faq-answer p{color:#64748b;min-height:0;margin:0;padding:0 58px;font-size:13px;line-height:1.75;transition:padding .25s;overflow:hidden}.d6-faq-answer.visible p{padding-bottom:22px}@media (width<=900px){.d6-faq{padding:56px 0}.d6-faq-content{grid-template-columns:1fr;gap:35px}.d6-faq-info{position:static}.d6-faq-info-card{max-width:650px}}@media (width<=640px){.d6-faq{padding:46px 0}.d6-faq-container{width:calc(100% - 30px)}.d6-faq-header{margin-bottom:26px}.d6-faq-header h2{font-size:32px}.d6-faq-header p{font-size:15px}.d6-faq-info-card{padding:25px}.d6-faq-question{padding:17px}.d6-faq-question>span:first-child{gap:9px;font-size:13px}.d6-faq-question small{display:none}.d6-faq-answer p{padding-left:17px;padding-right:17px}.d6-faq-answer.visible p{padding-bottom:18px}}@media (width<=420px){.d6-faq-header h2{font-size:29px}.d6-faq-question{gap:10px}.d6-faq-question>span:first-child{font-size:12px;line-height:1.45}.d6-faq-toggle{width:25px;height:25px;font-size:16px}}.d6-cta{background:#111827;width:100%;padding:64px 0 56px;position:relative;overflow:hidden}.d6-cta:before{content:"";background:#2563eb2e;border-radius:50%;width:600px;height:600px;position:absolute;top:-350px;right:-200px}.d6-cta:after{content:"";background:#2563eb1a;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-300px;left:-200px}.d6-cta-container{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;width:min(1180px,100% - 40px);min-height:430px;margin:0 auto;display:grid;position:relative}.d6-cta-content{max-width:650px}.d6-cta-badge{color:#93c5fd;background:#2563eb24;border:1px solid #60a5fa33;border-radius:999px;align-items:center;gap:9px;margin-bottom:22px;padding:8px 15px;font-size:12px;font-weight:700;display:inline-flex}.d6-cta-badge span{background:#60a5fa;border-radius:50%;width:7px;height:7px}.d6-cta-content h2{color:#fff;letter-spacing:-.04em;margin:0;font-size:clamp(38px,5vw,58px);font-weight:800;line-height:1.05}.d6-cta-content h2 span{color:#60a5fa}.d6-cta-content>p{color:#94a3b8;max-width:620px;margin:22px 0 0;font-size:16px;line-height:1.75}.d6-cta-actions{align-items:center;gap:12px;margin-top:30px;display:flex}.d6-cta-primary,.d6-cta-secondary{border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 20px;font-size:12px;font-weight:750;text-decoration:none;transition:all .2s;display:inline-flex}.d6-cta-primary{color:#fff;background:#2563eb;border:1px solid #2563eb}.d6-cta-primary:hover{background:#1d4ed8;transform:translateY(-2px)}.d6-cta-primary span{font-size:17px}.d6-cta-secondary{color:#cbd5e1;background:#ffffff0a;border:1px solid #334155}.d6-cta-secondary:hover{color:#fff;background:#ffffff14;border-color:#475569}.d6-cta-trust{flex-wrap:wrap;gap:20px;margin-top:28px;display:flex}.d6-cta-trust div{color:#64748b;align-items:center;gap:7px;font-size:10px;display:flex}.d6-cta-trust span{color:#60a5fa;font-size:11px;font-weight:800}.d6-cta-visual{width:440px;height:400px;margin:0 auto;position:relative}.d6-cta-orbit{border:1px solid #60a5fa21;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.d6-cta-orbit-one{width:310px;height:310px}.d6-cta-orbit-two{width:430px;height:430px}.d6-cta-center{background:#0f172af2;border:1px solid #60a5fa40;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:155px;height:155px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px #2563eb33,inset 0 0 30px #2563eb14}.d6-cta-shield{color:#60a5fa;background:#2563eb21;border-radius:13px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:8px;display:flex}.d6-cta-shield svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.d6-cta-center strong{color:#fff;font-size:13px;font-weight:800}.d6-cta-center>span{color:#64748b;margin-top:3px;font-size:8px}.d6-cta-floating{color:#cbd5e1;background:#1e293bf2;border:1px solid #334155;border-radius:9px;align-items:center;gap:8px;padding:10px 13px;font-size:10px;font-weight:650;display:flex;position:absolute;box-shadow:0 10px 30px #0003}.d6-cta-floating span{color:#60a5fa;font-size:12px}.d6-cta-floating-one{top:45px;left:35px}.d6-cta-floating-two{top:175px;right:-5px}.d6-cta-floating-three{bottom:45px;left:40px}@media (width<=950px){.d6-cta{padding:52px 0 46px}.d6-cta-container{grid-template-columns:1fr;gap:60px}.d6-cta-content{text-align:center;max-width:750px;margin:0 auto}.d6-cta-content>p{margin-left:auto;margin-right:auto}.d6-cta-actions,.d6-cta-trust{justify-content:center}}@media (width<=640px){.d6-cta{padding:42px 0 38px}.d6-cta-container{gap:45px;width:calc(100% - 30px)}.d6-cta-content h2{font-size:36px}.d6-cta-content>p{font-size:14px}.d6-cta-actions{flex-direction:column;width:100%}.d6-cta-primary,.d6-cta-secondary{width:100%}.d6-cta-trust{flex-direction:column;align-items:center;gap:11px}.d6-cta-visual{width:320px;height:320px}.d6-cta-orbit-one{width:230px;height:230px}.d6-cta-orbit-two{width:310px;height:310px}.d6-cta-center{width:125px;height:125px}.d6-cta-floating{padding:8px 10px;font-size:8px}.d6-cta-floating-one{top:30px;left:5px}.d6-cta-floating-two{top:140px;right:-5px}.d6-cta-floating-three{bottom:25px;left:10px}}@media (width<=420px){.d6-cta-content h2{font-size:31px}.d6-cta-visual{width:290px;height:290px}.d6-cta-orbit-one{width:205px;height:205px}.d6-cta-orbit-two{width:280px;height:280px}.d6-cta-center{width:110px;height:110px}}.website-footer{color:#fff;background:#020617;border-top:1px solid #94a3b824;padding-top:48px;position:relative;overflow-x:hidden}.footer-container{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:48px;width:min(1180px,90%);margin:0 auto;padding-bottom:48px;display:grid}.footer-brand{max-width:380px}.footer-logo{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:0;font-size:24px;font-weight:800;display:inline-flex}.footer-logo-mark{color:#fff;background:#2563eb;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:flex}.footer-brand p{color:#94a3b8;margin:22px 0 28px;font-size:15px;line-height:1.8}.footer-back-top{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:8px;padding:10px 16px;font-size:14px;transition:all .25s}.footer-back-top:hover{color:#fff;background:#1e293b;border-color:#475569}.footer-column{flex-direction:column;align-items:flex-start;display:flex}.footer-column h4{color:#fff;margin:4px 0 22px;font-size:15px;font-weight:700}.footer-column button{color:#94a3b8;cursor:pointer;background:0 0;border:none;margin-bottom:14px;padding:0;font-size:14px;transition:color .2s}.footer-column button:hover{color:#fff}.footer-bottom{border-top:1px solid #1e293b}.footer-bottom-inner{justify-content:space-between;align-items:center;gap:30px;width:min(1180px,90%);min-height:80px;margin:0 auto;display:flex}.footer-bottom p{color:#64748b;margin:0;font-size:13px}.footer-legal{align-items:center;gap:24px;display:flex}.footer-legal button{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;transition:color .2s}.footer-legal button:hover{color:#cbd5e1}@media (width<=900px){.footer-container{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:36px}.footer-brand{grid-column:1/-1;max-width:600px}}@media (width<=640px){.website-footer{padding-top:40px}.footer-container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 25px;width:88%;padding-bottom:36px}.footer-brand{grid-column:1/-1}.footer-logo{font-size:21px}.footer-logo-mark{width:38px;height:38px}.footer-brand p{font-size:14px}.footer-column h4{margin-bottom:18px}.footer-bottom-inner{flex-direction:column;align-items:flex-start;gap:18px;width:88%;padding:22px 0}.footer-legal{flex-wrap:wrap;gap:12px 20px}}.login-page{background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-container{background:#fff;border-radius:20px;grid-template-columns:1fr 1fr;width:100%;max-width:1050px;min-height:650px;display:grid;overflow:hidden;box-shadow:0 20px 60px #00000014}.login-brand{color:#fff;background:#172554;flex-direction:column;justify-content:center;padding:60px;display:flex}.brand-logo{color:#172554;background:#fff;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:28px;font-size:20px;font-weight:700;display:flex}.login-brand h1{margin-bottom:20px;font-size:38px;line-height:1.15}.login-brand>p{color:#dbeafe;max-width:400px;font-size:16px;line-height:1.7}.brand-features{flex-direction:column;gap:18px;margin-top:40px;display:flex}.brand-features div{color:#e0e7ff;align-items:center;gap:12px;display:flex}.brand-features span{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;display:flex}.login-form-section{justify-content:center;align-items:center;padding:50px;display:flex}.login-form-wrapper{width:100%;max-width:390px}.login-heading{margin-bottom:32px}.login-heading h2{color:#111827;margin-bottom:8px;font-size:30px}.login-heading p{color:#6b7280}.form-group{margin-bottom:22px}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;height:48px;padding:0 14px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.password-label{justify-content:space-between;align-items:center;display:flex}.password-label label{margin-bottom:8px}.forgot-link{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-bottom:8px;font-size:13px}.password-input{position:relative}.password-input input{padding-right:65px}.show-password{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.remember-me{color:#4b5563;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.remember-me input{width:16px;height:16px}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.login-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;width:100%;height:48px;font-size:15px;font-weight:600;transition:all .2s}.login-button:hover{background:#1d4ed8}.demo-login{color:#4b5563;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin-top:28px;padding:16px;font-size:12px}.demo-login strong{color:#111827;margin-bottom:8px;display:block}.demo-login p{margin:4px 0}.demo-login small{color:#6b7280;margin-top:8px;display:block}.change-password-card{background:#fff;border-radius:20px;width:100%;max-width:450px;padding:50px;box-shadow:0 20px 60px #00000014}@media (width<=800px){.login-container{grid-template-columns:1fr}.login-brand{padding:40px}.login-brand h1{font-size:30px}.brand-features{margin-top:25px}.login-form-section{padding:40px 30px}}@media (width<=480px){.login-page{padding:12px}.login-container{border-radius:14px}.login-brand{padding:30px 24px}.login-form-section{padding:30px 20px}}.platform-shell{--pl-navy:#172554;--pl-navy-soft:#1e3a8a;--pl-bg:#f5f7fb;--pl-surface:#fff;--pl-border:#e2e8f0;--pl-text:#0f172a;--pl-muted:#64748b;--pl-ok-bg:#dcfce7;--pl-ok-text:#166534;--pl-off-bg:#fee2e2;--pl-off-text:#991b1b;--pl-warn-bg:#fef3c7;--pl-warn-text:#92400e;background:var(--pl-bg);min-height:100vh;color:var(--pl-text)}.platform-badge{color:#172554;letter-spacing:.02em;background:#dbeafe;border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.platform-auth-page .platform-footnote{color:#64748b;margin-top:20px;font-size:14px}.platform-header{background:var(--pl-navy);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 32px;display:flex}.platform-header h1{margin:0;font-size:24px}.platform-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.platform-header .platform-btn.ghost{color:#fff;border-color:#fff6}.platform-user{opacity:.85;margin-right:8px;font-size:14px}.platform-main{gap:24px;max-width:1200px;margin:0 auto;padding:24px 32px 48px;display:grid}.platform-card{background:var(--pl-surface);border:1px solid var(--pl-border);border-radius:12px;padding:20px 24px}.platform-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.platform-card-head h2{margin:0;font-size:18px}.platform-btn{border:1px solid var(--pl-navy);background:var(--pl-navy);color:#fff;cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600}.platform-btn:hover:not(:disabled){background:var(--pl-navy-soft)}.platform-btn:disabled{opacity:.55;cursor:not-allowed}.platform-btn.ghost{color:var(--pl-navy);border-color:var(--pl-border);background:0 0}.platform-btn.ghost:hover:not(:disabled){background:#1725540f}.platform-btn.danger{background:#b91c1c;border-color:#b91c1c}.platform-btn.danger:hover:not(:disabled){background:#991b1b}.platform-form{border:1px dashed var(--pl-border);border-radius:10px;gap:16px;margin-bottom:20px;padding:16px;display:grid}.platform-form fieldset{border:none;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:0;padding:0;display:grid}.platform-form legend{margin-bottom:8px;font-weight:700}.platform-form label,.platform-confirm label{gap:6px;font-size:14px;font-weight:600;display:grid}.platform-form input,.platform-confirm input{border:1px solid var(--pl-border);border-radius:8px;padding:10px 12px;font-size:14px;font-weight:400}.platform-form input:focus,.platform-confirm input:focus{border-color:#3b82f6;outline:2px solid #93c5fd}.platform-form small{color:var(--pl-muted);font-weight:400}.platform-check{grid-template-columns:auto 1fr;align-items:start}.platform-check small{grid-column:2}.platform-form-actions{justify-content:flex-end;gap:8px;display:flex}.platform-muted{color:var(--pl-muted);font-size:13px;font-weight:400}.platform-error{background:var(--pl-off-bg);color:var(--pl-off-text);border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:14px}.platform-warning{background:var(--pl-warn-bg);color:var(--pl-warn-text);border-radius:8px;padding:8px 12px;font-size:13px}.platform-invitation{border-color:#93c5fd}.platform-deliveries{margin:8px 0;padding-left:20px;font-size:14px}.platform-deliveries .ok{color:var(--pl-ok-text)}.platform-deliveries .failed{color:var(--pl-off-text)}.platform-link-box{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.platform-link-box code{overflow-wrap:anywhere;background:var(--pl-bg);border:1px solid var(--pl-border);border-radius:8px;padding:8px 10px;font-size:13px}.platform-link-box .platform-warning{grid-column:1/-1}.platform-table-wrap{overflow-x:auto}.platform-table{border-collapse:collapse;width:100%;font-size:14px}.platform-table th,.platform-table td{text-align:left;border-bottom:1px solid var(--pl-border);vertical-align:top;padding:10px 12px}.platform-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--pl-muted);font-size:12px}.platform-table.compact td{padding:8px 12px}.platform-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.platform-pill{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.platform-pill.ok{background:var(--pl-ok-bg);color:var(--pl-ok-text)}.platform-pill.off{background:var(--pl-off-bg);color:var(--pl-off-text)}.platform-confirm{background:#fff7f7;border:1px solid #fecaca;border-radius:10px;gap:10px;margin-top:16px;padding:16px;display:grid}.platform-confirm h3{margin:0}@media (width<=640px){.platform-header,.platform-main{padding-left:16px;padding-right:16px}.platform-card{padding:16px}.platform-link-box{grid-template-columns:1fr}}.ai-launcher-button{color:#6d28d9;cursor:pointer;background:linear-gradient(135deg,#f4f0ff,#eff6ff);border:1px solid #e0d9ff;border-radius:20px;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.ai-launcher-button span{font-size:13px}.ai-launcher-button:hover{background:linear-gradient(135deg,#ede4ff,#e0ecff)}.ai-launcher-button.active{color:#fff;background:#6d28d9;border-color:#6d28d9}.ai-launcher-button:focus-visible{outline-offset:2px;outline:2px solid #6d28d9}.ai-panel-overlay{z-index:1100;background:#0f172a59;justify-content:flex-end;display:flex;position:fixed;inset:0}.ai-panel{background:#fff;flex-direction:column;width:100%;max-width:380px;height:100%;display:flex;box-shadow:-12px 0 40px #00000026}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ai-panel-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.ai-panel-header strong{color:#111827;font-size:15px;display:block}.ai-panel-header span{color:#94a3b8;font-size:11px;font-weight:600}.ai-panel-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.ai-panel-clear{color:#64748b;cursor:pointer;background:#fff;border:1px solid #d7dce4;border-radius:7px;height:28px;padding:0 10px;font-size:10px;font-weight:600}.ai-panel-clear:hover{background:#f8fafc}.ai-panel-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;width:28px;height:28px;font-size:18px}.ai-panel-close:focus-visible,.ai-panel-clear:focus-visible{outline-offset:2px;outline:2px solid #6d28d9}.ai-panel-disclaimer{color:#6d28d9;background:#f8f5ff;border-bottom:1px solid #edf0f4;margin:0;padding:10px 20px;font-size:10px;line-height:1.5}.ai-panel-messages{flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px 20px;display:flex;overflow-y:auto}.ai-message{border-radius:12px;max-width:85%;padding:10px 13px;font-size:12px;line-height:1.5}.ai-message.ai{color:#334155;background:#f1f5f9;border-bottom-left-radius:4px;align-self:flex-start}.ai-message.user{color:#fff;background:#3864df;border-bottom-right-radius:4px;align-self:flex-end}.ai-message.thinking{align-items:center;gap:4px;padding:12px 14px;display:flex}.ai-message.thinking span:not(.sr-only){background:#94a3b8;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite ai-thinking-bounce}.ai-message.thinking span:nth-child(2){animation-delay:.15s}.ai-message.thinking span:nth-child(3){animation-delay:.3s}@keyframes ai-thinking-bounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.ai-panel-quick-prompts{border-top:1px solid #edf0f4;flex-wrap:wrap;gap:6px;padding:12px 20px;display:flex}.ai-panel-quick-prompts button{color:#6d28d9;cursor:pointer;background:#f8f5ff;border:1px solid #e0d9ff;border-radius:20px;padding:7px 11px;font-size:10px;font-weight:600}.ai-panel-quick-prompts button:hover:not(:disabled){background:#ede4ff}.ai-panel-quick-prompts button:disabled{opacity:.5;cursor:not-allowed}.ai-panel-input-row{gap:8px;padding:14px 20px 18px;display:flex}.ai-panel-input-row input{color:#374151;border:1px solid #d7dce4;border-radius:9px;flex:1;height:40px;padding:0 13px;font-family:inherit;font-size:12px}.ai-panel-input-row input:focus{border-color:#6d28d9;outline:none}.ai-panel-input-row button{color:#fff;cursor:pointer;background:#6d28d9;border:none;border-radius:9px;height:40px;padding:0 16px;font-size:12px;font-weight:700}.ai-panel-input-row button:hover:not(:disabled){background:#5b21b6}.ai-panel-input-row button:disabled{cursor:not-allowed;background:#c4b5fd}.ai-panel.employee .ai-message.user{background:#3864df}.ai-panel.manager .ai-message.user{background:#0d9488}.ai-panel.hr .ai-message.user{background:#7c3aed}.ai-panel.admin .ai-message.user{background:#1e293b}@media (width<=480px){.ai-panel{max-width:100%}}.employee-layout{background:#f5f7fb;min-height:100vh;display:flex}.employee-sidebar{color:#fff;z-index:100;background:#172554;flex-direction:column;width:260px;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;height:80px;padding:18px 22px;display:flex}.sidebar-logo{color:#172554;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.sidebar-brand h2{margin:0;font-size:16px}.sidebar-brand span{color:#bfdbfe;font-size:12px}.sidebar-navigation{flex:1;padding:24px 14px;overflow-y:auto}.navigation-section{flex-direction:column;gap:4px;display:flex}.navigation-title{letter-spacing:1px;color:#93c5fd;margin-bottom:10px;padding:0 12px;font-size:10px;font-weight:700}.navigation-link{color:#dbeafe;border-radius:8px;align-items:center;gap:12px;height:44px;padding:0 12px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.navigation-link:hover{color:#fff;background:#ffffff14}.navigation-link.active{color:#fff;background:#ffffff26;font-weight:600}.navigation-icon{text-align:center;width:20px;font-size:16px}.sidebar-bottom{border-top:1px solid #ffffff1a;padding:16px}.sidebar-user{align-items:center;gap:10px;margin-bottom:14px;display:flex}.user-info{flex-direction:column;gap:2px;display:flex}.user-info strong{font-size:13px}.user-info span{color:#bfdbfe;font-size:11px}.logout-button{color:#dbeafe;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;font-size:13px;display:flex}.logout-button:hover{background:#ffffff24}.employee-main{flex:1;min-width:0;margin-left:260px}.employee-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:80px;padding:0 30px;display:flex}.header-title{color:#111827;font-size:18px;font-weight:600}.header-actions{align-items:center;gap:20px;display:flex}.notification-button{cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:40px;height:40px;position:relative}.notification-count{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;min-width:17px;height:17px;font-size:10px;display:flex;position:absolute;top:-2px;right:-2px}.header-user{align-items:center;gap:10px;display:flex}.header-avatar{color:#172554;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:flex}.header-user-info{flex-direction:column;gap:2px;display:flex}.header-user-info strong{color:#111827;font-size:13px}.header-user-info span{color:#6b7280;font-size:11px}.dropdown-arrow{color:#6b7280;font-size:10px}.employee-content{padding:30px}@media (width<=900px){.employee-sidebar{width:220px}.employee-main{margin-left:220px}.employee-header{padding:0 20px}.employee-content{padding:20px}.header-user-info{display:none}}@media (width<=700px){.employee-sidebar{width:70px}.employee-main{margin-left:70px}.sidebar-brand{justify-content:center;padding:15px}.sidebar-brand>div:last-child{display:none}.sidebar-navigation{padding:20px 8px}.navigation-title{display:none}.navigation-link{justify-content:center;padding:0}.navigation-link span:last-child{display:none}.navigation-icon{font-size:18px}.sidebar-bottom{padding:10px}.sidebar-user{justify-content:center}.user-info{display:none}.logout-button{font-size:0}.logout-button span{font-size:16px}}@media (width<=480px){.employee-header{height:65px;padding:0 14px}.header-title{font-size:15px}.employee-content{padding:15px}.header-actions{gap:8px}}.notification-wrapper{align-items:center;display:flex;position:relative}.notification-button{cursor:pointer;background:#f5f7fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:relative}.notification-button:hover,.notification-button.notification-active{background:#eaf0ff}.notification-bell{font-size:18px;line-height:1}.notification-count{color:#fff;background:#3864df;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-2px;right:-1px}.notification-dropdown{z-index:1000;background:#fff;border:1px solid #e2e6ed;border-radius:12px;width:390px;animation:.15s ease-out notificationDropdownOpen;position:absolute;top:calc(100% + 12px);right:-10px;overflow:hidden;box-shadow:0 12px 35px #0f172a26}@keyframes notificationDropdownOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:10px;min-height:68px;padding:15px 17px;display:flex}.notification-dropdown-header h3{color:#111827;margin:0 0 4px;font-size:15px;font-weight:700}.notification-dropdown-header span{color:#94a3b8;font-size:9px}.mark-all-header-button{color:#3864df;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d9e0ea;border-radius:6px;padding:7px 9px;font-size:8px;font-weight:600}.mark-all-header-button:hover{background:#edf3ff}.mark-all-header-button:disabled{opacity:.55;cursor:not-allowed}.notification-dropdown-list{max-height:365px;overflow-y:auto}.notification-dropdown-list::-webkit-scrollbar{width:5px}.notification-dropdown-list::-webkit-scrollbar-track{background:#f8fafc}.notification-dropdown-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.dropdown-notification{border-bottom:1px solid #f0f2f5;grid-template-columns:34px 1fr auto;gap:10px;padding:14px 15px;transition:background .15s;display:grid;position:relative}.dropdown-notification:hover{background:#f8fafc}.dropdown-notification:last-child{border-bottom:none}.dropdown-notification.unread{background:#f8faff}.dropdown-notification.unread:hover{background:#f1f6ff}.dropdown-notification-icon{border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.dropdown-notification-icon.leave{color:#047857;background:#ecfdf5}.dropdown-notification-icon.hr{color:#3864df;background:#edf3ff}.dropdown-notification-icon.payroll{color:#7c3aed;background:#f4f0ff}.dropdown-notification-icon.attendance{color:#ea580c;background:#fff7ed}.dropdown-notification-content{min-width:0}.dropdown-notification-title{align-items:center;gap:6px;margin-bottom:4px;display:flex}.dropdown-notification-title strong{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.dropdown-unread-dot{background:#3864df;border-radius:50%;flex-shrink:0;width:6px;height:6px}.dropdown-notification-content p{color:#64748b;margin:0 0 6px;font-size:9px;line-height:1.45}.dropdown-notification-time{align-items:center;gap:9px;display:flex}.dropdown-notification-time span{color:#a0aab8;font-size:8px}.dropdown-notification-time span:first-child{color:#64748b;font-weight:600}.dropdown-read-button{color:#3864df;cursor:pointer;background:#fff;border:1px solid #d9e1ec;border-radius:50%;align-self:center;width:23px;height:23px;font-size:9px}.dropdown-read-button:hover{background:#edf3ff;border-color:#3864df}.dropdown-read-button:disabled{opacity:.55;cursor:not-allowed}.dropdown-empty{flex-direction:column;align-items:center;padding:40px 20px;display:flex}.dropdown-empty-icon{color:#047857;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.dropdown-empty strong{color:#374151;margin-bottom:4px;font-size:11px}.dropdown-empty span{color:#94a3b8;font-size:9px}.view-all-notifications{color:#3864df;cursor:pointer;background:#fff;border:none;border-top:1px solid #edf0f4;justify-content:center;align-items:center;gap:7px;width:100%;height:48px;font-size:9px;font-weight:600;display:flex}.view-all-notifications:hover{background:#f8faff}.view-all-notifications span{font-size:13px}@media (width<=600px){.notification-dropdown{width:auto;max-width:none;position:fixed;top:70px;left:15px;right:15px}.notification-dropdown-list{max-height:60vh}}.manager-layout{color:#111827;background:#f5f7fb;width:100%;min-height:100vh;display:flex}.manager-sidebar{color:#fff;background:#1d2b5c;flex-direction:column;width:280px;min-width:280px;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.manager-sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:13px;height:82px;padding:0 20px;display:flex}.manager-sidebar-logo{color:#1d2b5c;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;font-size:16px;font-weight:700;display:flex}.manager-brand-text{flex-direction:column;gap:2px;display:flex}.manager-brand-text h2{margin:0;font-size:17px;line-height:1.1}.manager-brand-text span{color:#c7d2fe;font-size:11px}.manager-sidebar-navigation{flex:1;padding:22px 12px;overflow-y:auto}.manager-navigation-section{width:100%}.manager-navigation-title{color:#9db8ee;letter-spacing:.5px;margin-bottom:12px;padding:0 13px;font-size:10px;font-weight:600;display:block}.manager-navigation-link{color:#fff;border-radius:8px;align-items:center;gap:15px;width:100%;min-height:48px;margin-bottom:3px;padding:0 14px;font-size:13px;text-decoration:none;transition:background .2s,color .2s;display:flex}.manager-navigation-link:hover{background:#ffffff14}.manager-navigation-link.active{color:#fff;background:#3c4d82;font-weight:600}.manager-navigation-icon{color:#dbe5ff;justify-content:center;align-items:center;width:20px;font-size:15px;display:flex}.manager-navigation-group{flex-direction:column;display:flex}.manager-navigation-parent{cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit}.manager-navigation-parent-label{text-align:left;flex:1}.manager-navigation-chevron{color:#9db8ee;flex-shrink:0;font-size:11px;transition:transform .2s}.manager-navigation-chevron.open{transform:rotate(180deg)}.manager-navigation-children{flex-direction:column;margin:2px 0 4px;display:flex}.manager-navigation-child{color:#c7d2f0;min-height:40px;padding-left:49px;font-size:12.5px}.manager-navigation-child.active{color:#fff}.manager-sidebar-bottom{background:#1d2b5c;border-top:1px solid #ffffff14;padding:14px}.manager-sidebar-user{align-items:center;gap:11px;padding:5px 2px 13px;display:flex}.manager-user-avatar{color:#1d2b5c;background:#dbe7ff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:12px;font-weight:700;display:flex}.manager-user-info{flex-direction:column;gap:3px;display:flex}.manager-user-info strong{color:#fff;font-size:12px}.manager-user-info span{color:#b9c6e6;font-size:10px}.manager-logout-button{color:#fff;cursor:pointer;background:#303f72;border:none;border-radius:8px;justify-content:center;align-items:center;gap:9px;width:100%;height:44px;font-size:12px;display:flex}.manager-logout-button:hover{background:#3b4b80}.manager-main{flex-direction:column;width:calc(100% - 280px);min-height:100vh;margin-left:280px;display:flex}.manager-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:82px;padding:0 30px;display:flex}.manager-header-title{color:#111827;font-size:20px;font-weight:600}.manager-header-actions{align-items:center;gap:18px;display:flex}.manager-notification-button{cursor:pointer;background:#f5f7fb;border:none;border-radius:50%;justify-content:center;align-items:center;width:43px;height:43px;font-size:18px;display:flex;position:relative}.manager-notification-count{color:#fff;background:#3864df;border-radius:20px;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.manager-header-user{cursor:pointer;align-items:center;gap:10px;display:flex}.manager-header-avatar{color:#1d2b5c;background:#dbe7ff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:11px;font-weight:700;display:flex}.manager-header-user-info{flex-direction:column;gap:3px;display:flex}.manager-header-user-info strong{color:#111827;font-size:12px}.manager-header-user-info span{color:#64748b;font-size:10px}.manager-dropdown-arrow{color:#64748b;margin-left:5px;font-size:9px}.manager-content{flex:1;padding:32px;overflow-x:hidden}@media (width<=900px){.manager-sidebar{width:230px;min-width:230px}.manager-main{width:calc(100% - 230px);margin-left:230px}.manager-content{padding:22px}}@media (width<=700px){.manager-sidebar{width:70px;min-width:70px}.manager-brand-text,.manager-navigation-title,.manager-navigation-link>span:last-child,.manager-user-info,.manager-logout-button,.manager-navigation-parent-label,.manager-navigation-chevron,.manager-navigation-children{display:none}.manager-sidebar-brand{justify-content:center;padding:0}.manager-sidebar-logo{width:42px;height:42px}.manager-navigation-link{justify-content:center;padding:0}.manager-main{width:calc(100% - 70px);margin-left:70px}.manager-header{padding:0 18px}.manager-header-title{font-size:16px}.manager-header-user-info,.manager-dropdown-arrow{display:none}.manager-content{padding:18px}}.manager-notification-wrapper{position:relative}.manager-notification-button{cursor:pointer;background:#f8fafc;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:relative}.manager-notification-button:hover{background:#eef2ff}.manager-bell{font-size:21px;line-height:1}.manager-notification-count{color:#fff;background:#4169e1;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.manager-notification-dropdown{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:360px;position:absolute;top:57px;right:0;overflow:hidden;box-shadow:0 10px 30px #0f172a1f}.manager-notification-dropdown-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.manager-notification-dropdown-header>div{flex-direction:column;gap:3px;display:flex}.manager-notification-dropdown-header strong{color:#111827;font-size:13px}.manager-notification-dropdown-header span{color:#94a3b8;font-size:9px}.manager-notification-dropdown-header button{color:#3864df;cursor:pointer;background:0 0;border:none;font-size:9px;font-weight:600}.manager-notification-list{max-height:330px;overflow-y:auto}.manager-notification-item{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f0f2f5;align-items:flex-start;gap:10px;width:100%;padding:13px 15px;display:flex;position:relative}.manager-notification-item:hover{background:#f8faff}.manager-notification-item.unread{background:#f5f8ff}.manager-notification-icon{background:#edf3ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.manager-notification-content{flex:1;min-width:0}.manager-notification-content strong{color:#334155;margin-bottom:3px;font-size:10px;display:block}.manager-notification-content p{color:#64748b;margin:0 0 4px;font-size:9px;line-height:1.4}.manager-notification-content span{color:#94a3b8;font-size:8px}.manager-unread-dot{background:#3864df;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.manager-view-all-notifications{color:#3864df;cursor:pointer;background:#fff;border:none;border-top:1px solid #edf0f4;width:100%;padding:13px;font-size:9px;font-weight:600}.manager-view-all-notifications:hover{background:#f8faff}.manager-no-notifications{flex-direction:column;justify-content:center;align-items:center;min-height:150px;display:flex}.manager-no-notifications div{color:#047857;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:8px;font-size:15px;font-weight:700;display:flex}.manager-no-notifications p{color:#94a3b8;margin:0;font-size:9px}@media (width<=600px){.manager-notification-dropdown{width:auto;position:fixed;top:70px;left:10px;right:10px}}.hr-layout{color:#334155;background:#f5f7fb;width:100%;min-height:100vh;display:flex}.hr-sidebar{color:#fff;z-index:100;background:#1f2d5d;flex-direction:column;width:290px;display:flex;position:fixed;top:0;bottom:0;left:0}.hr-sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;min-height:82px;padding:18px 20px;display:flex}.hr-sidebar-logo{color:#1f2d5d;background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:17px;font-weight:700;display:flex}.hr-sidebar-brand h2{color:#fff;margin:0 0 3px;font-size:17px;line-height:20px}.hr-sidebar-brand span{color:#cbd5e1;font-size:11px;line-height:14px}.hr-sidebar-navigation{flex:1;padding:20px 12px;overflow-y:auto}.hr-navigation-section{flex-direction:column;display:flex}.hr-navigation-title{color:#aebbe0;letter-spacing:.5px;padding:5px 12px 12px;font-size:10px;font-weight:600}.hr-navigation-link{color:#fff;border-radius:8px;align-items:center;gap:12px;min-height:44px;margin-bottom:3px;padding:0 12px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.hr-navigation-link:hover{background:#ffffff14}.hr-navigation-link.active{background:#435486;font-weight:600}.hr-navigation-icon{color:#dbe5ff;flex-shrink:0;justify-content:center;align-items:center;width:23px;font-size:15px;display:flex}.hr-navigation-group{flex-direction:column;display:flex}.hr-navigation-parent{cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit}.hr-navigation-parent-label{text-align:left;flex:1}.hr-navigation-chevron{color:#aebbe0;flex-shrink:0;font-size:11px;transition:transform .2s}.hr-navigation-chevron.open{transform:rotate(180deg)}.hr-navigation-children{flex-direction:column;margin:2px 0 4px;display:flex}.hr-navigation-child{color:#c7d2f0;min-height:38px;padding-left:47px;font-size:12.5px}.hr-navigation-child.active{color:#fff}.hr-sidebar-bottom{border-top:1px solid #ffffff14;padding:15px}.hr-sidebar-user{align-items:center;gap:11px;margin-bottom:12px;padding:5px;display:flex}.hr-user-avatar{color:#1f2d5d;background:#dce7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:10px;font-weight:700;display:flex}.hr-user-info{flex-direction:column;gap:3px;min-width:0;display:flex}.hr-user-info strong{color:#fff;font-size:11px;line-height:14px}.hr-user-info span{color:#cbd5e1;font-size:8px;line-height:11px}.hr-logout-button{color:#fff;cursor:pointer;background:#35467d;border:none;border-radius:8px;justify-content:center;align-items:center;gap:9px;width:100%;height:46px;font-size:12px;transition:all .2s;display:flex}.hr-logout-button:hover{background:#435486}.hr-main{flex-direction:column;flex:1;min-width:0;margin-left:290px;display:flex}.hr-header{z-index:50;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:82px;padding:0 30px;display:flex;position:relative}.hr-header-title{color:#111827;font-size:19px;font-weight:600;line-height:24px}.hr-header-actions{flex-shrink:0;align-items:center;gap:18px;display:flex}.hr-notification-wrapper{flex-shrink:0;position:relative}.hr-notification-button{cursor:pointer;background:#f8fafc;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .2s;display:flex;position:relative}.hr-notification-button:hover{background:#eef2ff}.hr-bell{font-size:20px;line-height:1;display:block}.hr-notification-count{color:#fff;background:#4169e1;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:21px;height:21px;padding:0 5px;font-size:9px;font-weight:700;line-height:17px;display:flex;position:absolute;top:-3px;right:-3px}.hr-header-user{white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;min-width:185px;display:flex}.hr-header-avatar{color:#1f3c88;background:#e5edff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:12px;font-weight:700;line-height:1;display:flex}.hr-header-user-info{flex-direction:column;justify-content:center;gap:2px;width:105px;min-width:0;display:flex;overflow:hidden}.hr-header-user-info strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:600;line-height:16px;display:block;overflow:hidden}.hr-header-user-info span{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:9px;font-weight:400;line-height:13px;display:block;overflow:hidden}.hr-dropdown-arrow{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:20px;font-size:8px;line-height:1;display:flex}.hr-notification-dropdown{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:360px;position:absolute;top:57px;right:0;overflow:hidden;box-shadow:0 10px 30px #0f172a1f}.hr-notification-dropdown-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.hr-notification-dropdown-header>div{flex-direction:column;gap:3px;display:flex}.hr-notification-dropdown-header strong{color:#111827;font-size:13px;line-height:16px}.hr-notification-dropdown-header span{color:#94a3b8;font-size:9px;line-height:12px}.hr-notification-dropdown-header button{color:#3864df;cursor:pointer;background:0 0;border:none;font-size:9px;font-weight:600}.hr-notification-list{max-height:330px;overflow-y:auto}.hr-notification-item{text-align:left;cursor:pointer;box-sizing:border-box;background:#fff;border:none;border-bottom:1px solid #f0f2f5;align-items:flex-start;gap:10px;width:100%;padding:13px 15px;display:flex;position:relative}.hr-notification-content strong{color:#334155;margin-bottom:3px;font-size:10px;line-height:14px;display:block}.hr-unread-dot{background:#3864df;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.hr-view-all-notifications{color:#3864df;cursor:pointer;background:#fff;border:none;border-top:1px solid #edf0f4;width:100%;padding:13px;font-size:9px;font-weight:600}.hr-view-all-notifications:hover{background:#f8faff}.hr-no-notifications{flex-direction:column;justify-content:center;align-items:center;min-height:150px;display:flex}.hr-no-notifications div{color:#047857;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:8px;font-size:15px;font-weight:700;display:flex}.hr-no-notifications p{color:#94a3b8;margin:0;font-size:9px}.hr-content{flex:1;padding:30px;overflow-x:hidden}.hr-sidebar-navigation::-webkit-scrollbar{width:5px}.hr-notification-list::-webkit-scrollbar{width:5px}.hr-sidebar-navigation::-webkit-scrollbar-track{background:0 0}.hr-notification-list::-webkit-scrollbar-track{background:0 0}.hr-sidebar-navigation::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.hr-notification-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@media (width<=1000px){.hr-sidebar{width:240px}.hr-main{margin-left:240px}.hr-content{padding:20px}.hr-header{padding:0 20px}.hr-header-user{min-width:170px}}@media (width<=700px){.hr-layout{flex-direction:column}.hr-sidebar{width:100%;min-height:auto;position:relative}.hr-main{margin-left:0}.hr-sidebar-navigation{max-height:400px}.hr-header{height:70px;padding:0 15px}.hr-header-title{font-size:16px}.hr-header-actions{gap:10px}.hr-header-user{gap:7px;min-width:auto}.hr-header-avatar{width:38px;height:38px;font-size:10px}.hr-header-user-info{width:80px}.hr-header-user-info strong{font-size:10px}.hr-header-user-info span{font-size:8px}.hr-notification-button{width:40px;height:40px}.hr-notification-dropdown{width:auto;position:fixed;top:70px;left:10px;right:10px}.hr-content{padding:15px}}.admin-layout{background:#f4f7fb;width:100%;height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex;overflow:hidden}.admin-sidebar{color:#fff;background:#222f63;flex-direction:column;flex-shrink:0;width:290px;height:100vh;display:flex}.admin-brand{box-sizing:border-box;border-bottom:1px solid #ffffff14;align-items:center;gap:13px;height:90px;padding:0 24px;display:flex}.admin-brand-logo{color:#222f63;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;font-size:15px;font-weight:700;display:flex}.admin-brand-text{flex-direction:column;display:flex}.admin-brand-text strong{font-size:16px;line-height:20px}.admin-brand-text span{color:#d4ddff;margin-top:2px;font-size:11px}.admin-sidebar-content{box-sizing:border-box;flex:1;padding:22px 12px;overflow-y:auto}.admin-sidebar-title{color:#9eafe0;letter-spacing:.3px;margin-bottom:12px;padding:0 12px;font-size:10px;font-weight:600}.admin-navigation{flex-direction:column;gap:4px;display:flex}.admin-nav-item{color:#fff;border-radius:9px;align-items:center;gap:15px;min-height:48px;padding:0 14px;font-size:13px;text-decoration:none;transition:background .2s,color .2s;display:flex}.admin-nav-item:hover{background:#ffffff14}.admin-nav-item.active{background:#4b5f96;font-weight:600}.admin-nav-icon{color:#dbe4ff;justify-content:center;align-items:center;width:20px;font-size:15px;display:flex}.admin-nav-label{white-space:nowrap}.admin-nav-group{flex-direction:column;display:flex}.admin-nav-parent{cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit}.admin-nav-parent-label{text-align:left;flex:1}.admin-nav-chevron{color:#9eafe0;flex-shrink:0;font-size:11px;transition:transform .2s}.admin-nav-chevron.open{transform:rotate(180deg)}.admin-nav-children{flex-direction:column;margin:2px 0 4px;display:flex}.admin-nav-child{color:#c7d2f0;min-height:40px;padding-left:49px;font-size:12.5px}.admin-nav-child.active{color:#fff}.admin-sidebar-bottom{box-sizing:border-box;border-top:1px solid #ffffff14;padding:18px 16px}.admin-user-profile{align-items:center;gap:12px;padding:6px 8px 17px;display:flex}.admin-user-avatar{color:#304a93;background:#e5ecff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:11px;font-weight:700;display:flex}.admin-user-info{flex-direction:column;min-width:0;display:flex}.admin-user-info strong{color:#fff;font-size:12px}.admin-user-info span{color:#b8c5e6;margin-top:3px;font-size:9px}.admin-logout-button{color:#fff;cursor:pointer;background:#3a4c83;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;font-size:12px;transition:background .2s;display:flex}.admin-logout-button:hover{background:#465a94}.admin-logout-button span{font-size:15px}.admin-main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.admin-header{box-sizing:border-box;background:#fff;border-bottom:1px solid #e1e6ef;flex-shrink:0;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex}.admin-header h2{color:#0f172a;margin:0;font-size:20px;font-weight:600}.admin-header-right{align-items:center;gap:20px;display:flex}.admin-notification-wrapper{align-items:center;display:flex;position:relative}.admin-notification-button{cursor:pointer;background:#f8fafc;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:background .2s,transform .2s;display:flex;position:relative}.admin-notification-button:hover{background:#eef2ff;transform:translateY(-1px)}.admin-notification-button:focus{outline:none}.admin-notification-button:active{transform:scale(.96)}.admin-bell{justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.admin-notification-count{box-sizing:border-box;color:#fff;background:#5367c9;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-1px}.admin-notification-dropdown{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:380px;animation:.18s adminNotificationDropdownOpen;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 18px 45px #0f172a26}@keyframes adminNotificationDropdownOpen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.admin-notification-dropdown-header{box-sizing:border-box;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:68px;padding:14px 16px;display:flex}.admin-notification-dropdown-header h3{color:#17233e;margin:0 0 4px;font-size:14px;font-weight:700}.admin-notification-dropdown-header span{color:#94a3b8;font-size:9px}.admin-notification-dropdown-header button{color:#222f63;cursor:pointer;background:0 0;border:none;padding:5px 0;font-size:10px;font-weight:700}.admin-notification-dropdown-header button:hover{text-decoration:underline}.admin-notification-dropdown-list{max-height:360px;overflow-y:auto}.admin-notification-dropdown-list::-webkit-scrollbar{width:5px}.admin-notification-dropdown-list::-webkit-scrollbar-track{background:#f8fafc}.admin-notification-dropdown-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.admin-dropdown-notification{box-sizing:border-box;cursor:pointer;border-bottom:1px solid #f0f2f5;align-items:flex-start;gap:11px;width:100%;min-height:80px;padding:14px 16px;transition:background .15s;display:flex;position:relative}.admin-dropdown-notification:last-child{border-bottom:none}.admin-dropdown-notification:hover{background:#f8fafc}.admin-dropdown-notification.unread{background:#fbfcff}.admin-dropdown-notification.unread:hover{background:#f5f7ff}.admin-dropdown-notification-icon{color:#222f63;background:#eef2ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.admin-dropdown-notification:first-child .admin-dropdown-notification-icon{color:#2563eb;background:#eff6ff}.admin-dropdown-notification:nth-child(2) .admin-dropdown-notification-icon{color:#c2410c;background:#fff7ed}.admin-dropdown-notification:nth-child(3) .admin-dropdown-notification-icon{color:#047857;background:#ecfdf5}.admin-dropdown-notification:nth-child(4) .admin-dropdown-notification-icon{color:#222f63;background:#eef2ff}.admin-dropdown-notification-content{flex:1;min-width:0}.admin-dropdown-title-row{align-items:center;gap:7px;margin-bottom:5px;display:flex}.admin-dropdown-title-row strong{color:#374151;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;font-weight:700;display:block;overflow:hidden}.admin-dropdown-unread-dot{background:#5367c9;border-radius:50%;flex-shrink:0;width:7px;height:7px}.admin-dropdown-notification-content p{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 7px;font-size:9px;line-height:1.5;display:-webkit-box;overflow:hidden}.admin-dropdown-meta{color:#94a3b8;align-items:center;gap:5px;font-size:8px;display:flex}.admin-notification-dropdown-footer{background:#fff;border-top:1px solid #edf0f4;padding:11px 14px}.admin-notification-dropdown-footer button{color:#222f63;cursor:pointer;background:#f8fafc;border:none;border-radius:7px;width:100%;min-height:36px;font-size:10px;font-weight:700;transition:background .15s}.admin-notification-dropdown-footer button:hover{background:#eef2ff}.admin-notification-dropdown-footer button span{margin-left:5px;font-size:13px}.admin-no-notifications{text-align:center;padding:45px 20px}.admin-no-notifications div{margin-bottom:8px;font-size:28px}.admin-no-notifications p{color:#94a3b8;margin:0;font-size:10px}.admin-header-profile{cursor:pointer;align-items:center;gap:10px;display:flex}.admin-header-avatar{color:#304a93;background:#e8efff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:11px;font-weight:600;display:flex}.admin-header-user{flex-direction:column;display:flex}.admin-header-user strong{color:#17233e;font-size:12px}.admin-header-user span{color:#64748b;margin-top:3px;font-size:9px}.admin-profile-arrow{color:#64748b;margin-left:8px;font-size:11px}.admin-content{box-sizing:border-box;flex:1;padding:28px;overflow-y:auto}@media (width<=1100px){.admin-sidebar{width:235px}.admin-nav-item{font-size:12px}.admin-content{padding:22px}}@media (width<=800px){.admin-sidebar{width:70px}.admin-brand{justify-content:center;padding:0}.admin-brand-text{display:none}.admin-brand-logo{width:42px;height:42px}.admin-sidebar-title{display:none}.admin-nav-item{justify-content:center;padding:0}.admin-nav-label,.admin-nav-chevron,.admin-nav-children{display:none}.admin-sidebar-bottom{padding:12px 8px}.admin-user-profile{justify-content:center;padding:5px 0 14px}.admin-user-info{display:none}.admin-logout-button{font-size:0}.admin-logout-button span{font-size:16px}}@media (width<=650px){.admin-notification-dropdown{width:auto;max-width:none;position:fixed;top:70px;left:12px;right:12px}}@media (width<=550px){.admin-header{padding:0 15px}.admin-header h2{font-size:17px}.admin-header-user,.admin-profile-arrow{display:none}.admin-header-right{gap:10px}.admin-content{padding:18px}.admin-notification-button{width:44px;height:44px}}@media (width<=400px){.admin-notification-dropdown{top:65px;left:8px;right:8px}.admin-dropdown-notification{padding:12px}}.dashboard{max-width:1500px;margin:0 auto}.dashboard-welcome{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.dashboard-welcome h1{color:#111827;margin-bottom:7px;font-size:28px}.dashboard-welcome p{color:#6b7280;font-size:14px}.welcome-date{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.welcome-date span{color:#6b7280;font-size:12px}.welcome-date strong{color:#111827;font-size:14px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px;display:grid}.summary-card,.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px}.summary-card{padding:20px}.summary-card-top{align-items:center;gap:10px;display:flex}.summary-label{color:#6b7280;font-size:13px}.summary-value{color:#111827;margin-top:16px;font-size:26px;font-weight:700}.summary-status{color:#111827;margin-top:16px;font-size:22px;font-weight:700}.summary-card p{color:#6b7280;margin-top:5px;font-size:12px}.summary-progress{background:#e5e7eb;border-radius:10px;height:5px;margin-top:14px;overflow:hidden}.summary-progress div{border-radius:inherit;background:#2563eb;height:100%}.summary-card small{color:#9ca3af;margin-top:7px;font-size:11px;display:block}.status-badge,.attendance-status,.approved-badge,.pending-badge{border-radius:20px;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.status-badge{margin-top:12px;padding:5px 9px}.status-badge.working{color:#047857;background:#ecfdf5}.status-badge.not-started{color:#6b7280;background:#f3f4f6}.card-link{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:20px;display:grid}.dashboard-card{padding:22px}.card-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px;display:flex}.card-header h2{color:#111827;margin-bottom:5px;font-size:16px}.card-header p{color:#9ca3af;font-size:12px}.attendance-status{color:#6b7280;background:#f3f4f6;padding:6px 10px}.attendance-status.active{color:#047857;background:#ecfdf5}.attendance-main{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:20px;padding:18px 0;display:grid}.attendance-time{flex-direction:column;gap:7px;display:flex}.attendance-time span{color:#9ca3af;font-size:11px}.attendance-time strong{color:#111827;font-size:18px}.attendance-divider{background:#e5e7eb;width:1px;height:35px}.attendance-actions{margin-top:20px}.clock-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;height:42px;padding:0 22px;font-weight:600}.clock-button:hover{background:#1d4ed8}.clock-button.clock-out{background:#dc2626}.leave-summary{align-items:center;gap:35px;padding:8px 0 20px;display:flex}.leave-number{flex-direction:column;align-items:center;min-width:100px;display:flex}.leave-number strong{color:#2563eb;font-size:38px}.leave-number span{color:#6b7280;font-size:11px}.leave-stats{flex:1}.leave-stats>div{color:#6b7280;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;display:grid}.leave-stats strong{color:#111827}.stat-dot{border-radius:50%;width:7px;height:7px;display:block}.stat-dot.entitlement{background:#2563eb}.stat-dot.used{background:#94a3b8}.stat-dot.pending{background:#f59e0b}.leave-progress{background:#f3f4f6;border-radius:10px;height:7px;overflow:hidden}.leave-progress div{border-radius:inherit;background:#2563eb;height:100%}.dashboard-card>small{color:#9ca3af;margin-top:7px;font-size:10px;display:block}.dashboard-empty-state{text-align:center;color:#9ca3af;padding:24px 0;font-size:12px}.bottom-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.leave-item,.request-item{align-items:center;gap:14px;display:flex}.leave-item{background:#f8fafc;border-radius:9px;padding:14px}.calendar-icon{color:#2563eb;background:#eff6ff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.calendar-icon strong{font-size:17px}.calendar-icon span{font-size:9px;font-weight:700}.leave-details,.request-details{flex-direction:column;flex:1;gap:4px;display:flex}.leave-details strong,.request-details strong{color:#111827;font-size:13px}.leave-details span,.request-details span{color:#6b7280;font-size:11px}.leave-details small{color:#9ca3af;font-size:10px}.approved-badge{color:#047857;background:#ecfdf5;padding:5px 9px}.request-item{border-bottom:1px solid #f3f4f6;padding:13px 0}.request-item:last-child{border-bottom:none}.request-icon-box{color:#2563eb;background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.request-icon-box.expense{color:#16a34a;background:#f0fdf4}.pending-badge{color:#b45309;background:#fffbeb;padding:5px 9px}.quick-actions-card{margin-bottom:20px}.quick-actions{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.quick-actions button{cursor:pointer;text-align:left;background:#fafafa;border:1px solid #e5e7eb;border-radius:9px;min-height:100px;padding:15px;transition:all .2s}.quick-actions button:hover{background:#f8fbff;border-color:#bfdbfe}.quick-actions button>span{color:#2563eb;background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:10px;display:flex}.quick-actions strong{color:#111827;font-size:12px;display:block}.quick-actions small{color:#9ca3af;margin-top:4px;font-size:10px;display:block}@media (width<=1100px){.summary-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.dashboard-welcome{flex-direction:column;align-items:flex-start;gap:12px}.welcome-date{align-items:flex-start}.summary-grid{grid-template-columns:1fr}.attendance-main{grid-template-columns:1fr;gap:15px}.attendance-divider{width:100%;height:1px}.bottom-grid,.quick-actions{grid-template-columns:1fr}}@media (width<=480px){.dashboard-welcome h1{font-size:22px}.dashboard-card,.summary-card{padding:16px}.leave-summary{gap:15px}}.profile-page{max-width:1200px;margin:0 auto}.profile-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.profile-page-header h1{color:#111827;margin-bottom:6px;font-size:28px}.profile-page-header p{color:#6b7280;font-size:14px}.profile-edit-button,.save-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;height:42px;padding:0 18px;font-weight:600}.profile-edit-button:hover,.save-button:hover{background:#1d4ed8}.profile-header-actions{gap:10px;display:flex}.cancel-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:42px;padding:0 18px;font-weight:600}.cancel-button:hover{background:#f9fafb}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:24px}.profile-header-card{align-items:center;gap:18px;display:flex}.profile-avatar{color:#172554;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:20px;font-weight:700;display:flex}.profile-main-info{flex:1}.profile-main-info h2{color:#111827;margin-bottom:5px;font-size:20px}.profile-main-info p{color:#4b5563;margin-bottom:5px;font-size:13px}.profile-main-info span{color:#9ca3af;font-size:12px}.employment-status{color:#047857;background:#ecfdf5;border-radius:20px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:600;display:flex}.section-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.section-header h2{color:#111827;margin-bottom:5px;font-size:16px}.section-header p{color:#9ca3af;font-size:12px}.restricted-label{color:#92400e;background:#fef3c7;border-radius:15px;padding:5px 9px;font-size:10px;font-weight:600}.profile-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.profile-field{flex-direction:column;gap:8px;display:flex}.profile-field label{color:#6b7280;font-size:12px;font-weight:600}.profile-field span{color:#111827;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;align-items:center;min-height:42px;padding:0 13px;font-size:13px;display:flex}.profile-field input{color:#111827;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:42px;padding:0 13px;font-size:13px}.profile-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.profile-field-wide{grid-column:span 2}.security-note{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-start;gap:10px;margin-top:22px;padding:13px;display:flex}.security-note span{font-size:14px}.security-note p{color:#64748b;font-size:11px;line-height:1.6}@media (width<=700px){.profile-page-header{flex-direction:column;align-items:flex-start;gap:15px}.profile-header-actions{width:100%}.profile-edit-button,.save-button,.cancel-button{flex:1}.profile-header-card{flex-direction:column;align-items:flex-start}.employment-status{align-self:flex-start}.profile-grid{grid-template-columns:1fr}.profile-field-wide{grid-column:span 1}}.employment-page{max-width:1200px;margin:0 auto}.employment-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.employment-page-header h1{color:#111827;margin-bottom:6px;font-size:28px}.employment-page-header p{color:#6b7280;font-size:14px}.employment-active-badge{color:#047857;background:#ecfdf5;border-radius:20px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:600;display:flex}.employment-active-badge span{background:#10b981;border-radius:50%;width:7px;height:7px}.employment-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:24px}.employment-section-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.employment-section-header h2{color:#111827;margin-bottom:5px;font-size:17px}.employment-section-header p{color:#9ca3af;font-size:12px}.employment-overview-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.employment-overview-item{background:#f8fafc;border-radius:9px;align-items:center;gap:12px;padding:16px;display:flex}.employment-icon{color:#2563eb;background:#eff6ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:flex}.employment-overview-item div{flex-direction:column;gap:5px;display:flex}.employment-overview-item small{color:#9ca3af;font-size:10px}.employment-overview-item strong{color:#111827;font-size:13px}.employment-details-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.employment-field{flex-direction:column;gap:8px;display:flex}.employment-field label,.contract-item label{color:#6b7280;font-size:12px;font-weight:600}.employment-field div{color:#111827;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;align-items:center;min-height:42px;padding:0 13px;font-size:13px;display:flex}.employment-timeline{position:relative}.employment-timeline:before{content:"";background:#e5e7eb;width:1px;position:absolute;top:18px;bottom:18px;left:17px}.timeline-item{gap:16px;margin-bottom:25px;display:flex;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{color:#6b7280;z-index:1;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:13px;font-weight:700;display:flex}.timeline-marker.completed{color:#15803d;background:#dcfce7}.timeline-content{flex-direction:column;gap:5px;padding-top:2px;display:flex}.timeline-content strong{color:#111827;font-size:13px}.timeline-content span{color:#374151;font-size:12px}.timeline-content small{color:#9ca3af;font-size:11px}.contract-button{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;height:38px;padding:0 14px;font-size:12px;font-weight:600}.contract-button:hover{background:#dbeafe}.contract-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.contract-item{flex-direction:column;gap:8px;display:flex}.contract-item strong{color:#111827;font-size:13px}.contract-note{color:#64748b;background:#f8fafc;border-radius:8px;align-items:flex-start;gap:10px;margin-top:24px;padding:13px;display:flex}.contract-note span{font-size:14px}.contract-note p{font-size:11px;line-height:1.6}.contract-note strong{color:#374151}@media (width<=1000px){.employment-overview-grid,.contract-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.employment-page-header{flex-direction:column;align-items:flex-start;gap:15px}.employment-details-grid,.employment-overview-grid,.contract-grid{grid-template-columns:1fr}.employment-card{padding:18px}.employment-section-header{flex-direction:column}}.documents-page{width:100%;max-width:1335px;margin:0 auto}.documents-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.documents-header h1{color:#111827;margin:0 0 7px;font-size:30px;font-weight:700}.documents-header p{color:#64748b;margin:0;font-size:15px}.documents-upload-btn{color:#fff;cursor:pointer;background:#3864df;border:none;border-radius:9px;align-items:center;gap:8px;height:45px;padding:0 18px;font-size:13px;font-weight:600;display:flex}.documents-upload-btn:hover{background:#2f55c7}.documents-upload-btn span{font-size:19px}.documents-summary{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.document-summary-card{background:#fff;border:1px solid #e4e8ef;border-radius:11px;align-items:center;gap:13px;min-height:90px;padding:17px 18px;display:flex}.summary-icon{color:#3565dc;background:#edf3ff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:flex}.summary-icon.success{color:#059669;background:#ecfdf5}.summary-icon.warning{color:#d97706;background:#fff8e6}.summary-icon.pending{color:#7c3aed;background:#f4f0ff}.summary-icon.danger{color:#dc2626;background:#fef2f2}.document-summary-card div:last-child{flex-direction:column;gap:5px;display:flex}.document-summary-card span{color:#718096;font-size:11px}.document-summary-card strong{color:#111827;font-size:22px}.documents-card{background:#fff;border:1px solid #e4e8ef;border-radius:11px;overflow:hidden}.documents-card-top{justify-content:space-between;align-items:center;gap:20px;min-height:85px;padding:19px 26px;display:flex}.documents-card-top h2{color:#111827;margin:0 0 5px;font-size:18px}.documents-card-top p{color:#94a3b8;margin:0;font-size:12px}.documents-search{border:1px solid #d7dce4;border-radius:8px;align-items:center;gap:8px;width:245px;height:38px;padding:0 11px;display:flex}.documents-search span{color:#94a3b8;font-size:19px}.documents-search input{color:#334155;border:none;outline:none;width:100%;font-size:12px}.documents-search input::placeholder{color:#9ca3af}.documents-tabs{border-bottom:1px solid #e5e7eb;gap:5px;padding:0 26px;display:flex;overflow-x:auto}.document-tab{color:#64748b;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:11px 13px;font-size:12px}.document-tab:hover{color:#2563eb}.document-tab.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.documents-table-container{overflow-x:auto}.documents-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.4px;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 20px;font-size:10px;font-weight:700}.documents-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px 20px}.document-info{align-items:center;gap:11px;min-width:250px;display:flex}.pdf-icon{color:#dc2626;background:#fff1f2;border:1px solid #fecdd3;border-radius:6px;justify-content:center;align-items:center;width:39px;height:43px;font-size:8px;font-weight:800;display:flex}.document-info>div:last-child{flex-direction:column;gap:3px;display:flex}.document-info strong{color:#1f2937;font-size:12px}.document-info span{color:#64748b;font-size:10px}.document-info small{color:#9ca3af;font-size:9px}.document-category,.document-date{color:#475569;font-size:11px}.document-no-expiry{color:#94a3b8;font-size:11px}.document-status{border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex}.document-status>span{background:currentColor;border-radius:50%;width:6px;height:6px}.document-status.active{color:#2563eb;background:#eff6ff}.document-status.valid{color:#047857;background:#ecfdf5}.document-status.expiring{color:#d97706;background:#fff8e6}.document-status.expired{color:#dc2626;background:#fef2f2}.document-actions{gap:5px;display:flex}.document-actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:6px;height:29px;padding:0 9px;font-size:10px}.document-actions button:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.document-actions .delete-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.document-actions button:disabled{opacity:.45;cursor:not-allowed}.document-actions button:disabled:hover{color:#475569;background:#fff;border-color:#dfe3e8}.documents-empty{text-align:center;padding:65px 20px}.documents-empty div{color:#94a3b8;margin-bottom:10px;font-size:32px}.documents-empty h3{color:#374151;margin:0 0 5px;font-size:15px}.documents-empty p{color:#94a3b8;margin:0;font-size:11px}.documents-security{background:#fff;border:1px solid #e4e8ef;border-radius:10px;align-items:flex-start;gap:12px;margin-top:20px;padding:16px 18px;display:flex}.security-icon{font-size:17px}.documents-security strong{color:#374151;margin-bottom:5px;font-size:12px;display:block}.documents-security p{color:#64748b;margin:0;font-size:10px;line-height:1.6}.documents-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:540px;max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 25px 70px #0003}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.modal-header h2{color:#111827;margin:0 0 5px;font-size:17px}.modal-header p{color:#94a3b8;margin:0;font-size:11px}.modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;width:30px;height:30px;font-size:20px}.modal-close:hover{background:#e2e8f0}.documents-modal form{flex-direction:column;min-height:0;display:flex}.modal-body{padding:22px;overflow-y:auto}.document-form-group{margin-bottom:15px}.document-form-group label{color:#374151;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.document-form-group input,.document-form-group select{box-sizing:border-box;color:#374151;background:#fff;border:1px solid #d7dce4;border-radius:8px;outline:none;width:100%;height:40px;padding:0 11px;font-family:inherit;font-size:12px}.document-form-group input:focus,.document-form-group select:focus{border-color:#3864df}.document-form-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.document-file-hint{color:#94a3b8;margin:-3px 0 10px;font-size:11px}.document-dropzone{text-align:center;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:30px 20px;transition:border-color .15s,background .15s;display:flex}.document-dropzone.dragging{background:#eff6ff;border-color:#3864df}.document-dropzone-icon{color:#94a3b8;margin-bottom:4px}.document-dropzone.dragging .document-dropzone-icon{color:#3864df}.document-dropzone-title{color:#374151;margin:0;font-size:13px;font-weight:600}.document-dropzone-or{color:#94a3b8;margin:0;font-size:11px}.document-choose-file-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;height:36px;margin-top:4px;padding:0 16px;font-size:12px;font-weight:600}.document-choose-file-btn:hover{color:#3864df;border-color:#3864df}.document-file-selected{background:#f8fafc;border:1px solid #d7dce4;border-radius:10px;align-items:center;gap:11px;padding:12px;display:flex}.document-file-selected-icon{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:9px;font-weight:800;display:flex}.document-file-selected-icon.pdf{color:#dc2626;background:#fff1f2}.document-file-selected-icon.doc{color:#2563eb;background:#eff6ff}.document-file-selected-icon.img{color:#059669;background:#ecfdf5}.document-file-selected-icon.generic{color:#64748b;background:#f1f5f9}.document-file-selected-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.document-file-selected-info strong{color:#374151;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.document-file-selected-info span{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.document-file-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:16px;line-height:1;display:flex}.document-file-remove:hover{color:#b91c1c;background:#fef2f2}.document-form-note{background:#eff6ff;border-radius:7px;align-items:flex-start;gap:8px;margin-bottom:15px;padding:11px;display:flex}.document-form-note p{color:#1e3a8a;margin:0;font-size:11px;line-height:1.5}.document-form-error{background:#fef2f2;border-radius:7px;align-items:flex-start;gap:8px;padding:11px;display:flex}.document-form-error p{color:#b91c1c;margin:0;font-size:11px;line-height:1.5}@media (width<=560px){.document-form-row{grid-template-columns:1fr}.document-dropzone{padding:22px 14px}}.modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:15px 22px;display:flex}.modal-cancel,.modal-upload{cursor:pointer;border-radius:8px;height:38px;padding:0 15px;font-size:12px;font-weight:600}.modal-cancel{color:#374151;background:#fff;border:1px solid #d1d5db}.modal-upload{color:#fff;background:#3864df;border:none}.modal-upload:hover{background:#2f55c7}@media (width<=1000px){.documents-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.documents-header{flex-direction:column;align-items:flex-start}.documents-upload-btn{justify-content:center;width:100%}.documents-summary{grid-template-columns:1fr}.documents-card-top{flex-direction:column;align-items:flex-start}.documents-search{width:100%}.documents-tabs{padding:0 15px}}@media (width<=480px){.documents-header h1{font-size:24px}.document-summary-card{min-height:75px}}.leave-approver-info{align-items:center;gap:9px;display:flex}.leave-approver-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:8px;font-weight:700;display:flex}.leave-approver-avatar.manager{color:#1d2b5c;background:#dce7ff}.leave-approver-avatar.hr{color:#5b21b6;background:#f4e8ff}.leave-approver-text{flex-direction:column;gap:3px;display:flex}.leave-approver-text strong{color:#334155;font-size:10px}.leave-approver-role{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;width:fit-content;padding:2px 7px;font-size:8px;font-weight:700}.leave-approver-role.manager{color:#3864df;background:#edf3ff}.leave-approver-role.hr{color:#7c3aed;background:#f4e8ff}.leave-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:10px;font-weight:600;display:inline-flex}.leave-status-badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.leave-status-badge.pending-manager{color:#c2410c;background:#fff7ed}.leave-status-badge.pending-hr{color:#7c3aed;background:#f4f0ff}.leave-status-badge.approved{color:#047857;background:#ecfdf5}.leave-status-badge.rejected{color:#dc2626;background:#fef2f2}.leave-timeline{margin:0;padding:0;list-style:none}.leave-timeline-step{padding-bottom:22px;padding-left:28px;position:relative}.leave-timeline-step:last-child{padding-bottom:0}.leave-timeline-step:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:16px;bottom:-6px;left:5px}.leave-timeline-step:last-child:before{display:none}.leave-timeline-marker{background:#fff;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;display:flex;position:absolute;top:1px;left:0}.leave-timeline-marker span{background:0 0;border-radius:50%;width:5px;height:5px}.leave-timeline-step.done .leave-timeline-marker{border-color:#059669}.leave-timeline-step.done .leave-timeline-marker span{background:#059669}.leave-timeline-step.current .leave-timeline-marker{border-color:#3864df;box-shadow:0 0 0 3px #dce7ff}.leave-timeline-step.current .leave-timeline-marker span{background:#3864df}.leave-timeline-step.rejected .leave-timeline-marker{border-color:#dc2626}.leave-timeline-step.rejected .leave-timeline-marker span{background:#dc2626}.leave-timeline-step.pending .leave-timeline-marker{border-color:#cbd5e1}.leave-timeline-step.skipped .leave-timeline-marker{background:#f8fafc;border-style:dashed;border-color:#cbd5e1}.leave-timeline-step.skipped .leave-timeline-top strong{color:#94a3b8}.leave-timeline-step.skipped .leave-timeline-content p{font-style:italic}.leave-timeline-content{flex-direction:column;gap:4px;display:flex}.leave-timeline-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.leave-timeline-top strong{color:#1f2937;font-size:12px}.leave-timeline-step.pending .leave-timeline-top strong{color:#94a3b8}.leave-timeline-date{color:#94a3b8;flex-shrink:0;font-size:10px}.leave-timeline-content p{color:#64748b;margin:0;font-size:11px;line-height:1.5}.leave-timeline-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.leave-timeline-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 70px #0003}.leave-timeline-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:20px;padding:20px 22px;display:flex}.leave-timeline-modal-header h2{color:#111827;margin:0 0 5px;font-size:16px}.leave-timeline-modal-header p{color:#94a3b8;margin:0;font-size:11px}.leave-timeline-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;width:30px;height:30px;font-size:20px}.leave-timeline-modal-body{padding:24px 22px}.leave-notification-card{background:#fff;border:1px solid #edf0f4;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.leave-notification-card.unread{background:#f8faff;border-color:#dce6ff}.leave-notification-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.leave-notification-icon.submitted{color:#3565dc;background:#edf3ff}.leave-notification-icon.manager{color:#ea580c;background:#fff7ed}.leave-notification-icon.escalated{color:#7c3aed;background:#f4f0ff}.leave-notification-icon.approved{color:#059669;background:#ecfdf5}.leave-notification-icon.rejected{color:#dc2626;background:#fef2f2}.leave-notification-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.leave-notification-top{align-items:center;gap:8px;display:flex}.leave-notification-top strong{color:#1f2937;font-size:12px}.leave-notification-dot{background:#3864df;border-radius:50%;flex-shrink:0;width:7px;height:7px}.leave-notification-body p{color:#64748b;margin:0;font-size:11px;line-height:1.5}.leave-notification-time{color:#94a3b8;font-size:9px}.leave-notification-list{flex-direction:column;gap:10px;display:flex}.leave-notification-empty{text-align:center;color:#94a3b8;padding:30px 20px;font-size:11px}.leave-page{width:100%;max-width:1335px;margin:0 auto}.leave-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.leave-page-header h1{color:#111827;margin:0 0 7px;font-size:30px;font-weight:700}.leave-page-header p{color:#64748b;margin:0;font-size:15px}.leave-primary-button{color:#fff;cursor:pointer;background:#3864df;border:none;border-radius:9px;align-items:center;gap:8px;height:45px;padding:0 18px;font-size:13px;font-weight:600;display:flex}.leave-primary-button:hover{background:#2f55c7}.leave-primary-button span{font-size:19px}.leave-summary-icon.blue{color:#3565dc;background:#edf3ff}.leave-summary-icon.green{color:#059669;background:#ecfdf5}.leave-summary-icon.purple{color:#7c3aed;background:#f4f0ff}.leave-summary-icon.orange{color:#ea580c;background:#fff7ed}.leave-summary-card small{color:#94a3b8;font-size:9px}.leave-content-card{background:#fff;border:1px solid #e4e8ef;border-radius:11px;margin-bottom:20px;overflow:hidden}.leave-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:19px 26px;display:flex}.leave-card-header h2{color:#111827;margin:0 0 5px;font-size:18px}.leave-card-header p{color:#94a3b8;margin:0;font-size:12px}.leave-year-badge{color:#475569;background:#f1f5f9;border-radius:7px;padding:7px 11px;font-size:10px;font-weight:600}.leave-balance-content{padding:22px 26px 18px}.leave-balance-top{justify-content:space-between;align-items:flex-end;margin-bottom:10px;display:flex}.leave-balance-top div{flex-direction:column;gap:5px;display:flex}.leave-balance-top div span{color:#374151;font-size:12px;font-weight:600}.leave-balance-top div strong{color:#64748b;font-size:11px}.leave-balance-top>span{color:#2563eb;font-size:12px;font-weight:700}.leave-progress{background:#e5e7eb;border-radius:20px;width:100%;height:9px;overflow:hidden}.leave-progress-value{background:#3864df;border-radius:20px;height:100%}.leave-progress-labels{justify-content:space-between;margin-top:8px;display:flex}.leave-progress-labels span{color:#94a3b8;font-size:10px}.leave-balance-footer{background:#f8fafc;border-radius:9px;grid-template-columns:repeat(3,1fr);margin:0 26px 22px;padding:16px;display:grid}.leave-balance-footer div{text-align:center;border-right:1px solid #e2e8f0;flex-direction:column;gap:5px;display:flex}.leave-balance-footer div:last-child{border-right:none}.leave-balance-footer span{color:#94a3b8;font-size:10px}.leave-balance-footer strong{color:#111827;font-size:15px}.leave-secondary-button{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;height:36px;padding:0 13px;font-size:11px;font-weight:600}.leave-secondary-button:hover{background:#dbeafe}.leave-table-container{overflow-x:auto}.leave-track-button{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;height:30px;padding:0 11px;font-size:10px;font-weight:600}.leave-track-button:hover{background:#dbeafe}.leave-notifications-panel{padding:20px 26px 24px}.leave-form-checkbox label{color:#374151;cursor:pointer;align-items:flex-start;gap:8px;margin:0;font-size:11px;font-weight:500;display:flex}.leave-form-checkbox input{accent-color:#3864df;cursor:pointer;flex-shrink:0;width:15px;height:15px;margin-top:1px}.leave-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.4px;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 20px;font-size:10px;font-weight:700}.leave-table td{color:#64748b;border-bottom:1px solid #f1f5f9;padding:15px 20px;font-size:11px}.leave-table td strong{color:#1f2937;font-size:11px}.leave-status{border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex}.leave-status>span{background:currentColor;border-radius:50%;width:6px;height:6px}.bank-holiday-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:20px 26px;display:grid}.bank-holiday-item{background:#f8fafc;border:1px solid #edf0f4;border-radius:8px;align-items:center;gap:12px;padding:13px;display:flex}.holiday-date{color:#2563eb;background:#edf3ff;border-radius:7px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:45px;display:flex}.holiday-date strong{font-size:15px;line-height:1}.holiday-date span{margin-top:3px;font-size:8px;font-weight:700}.bank-holiday-item>div:last-child{flex-direction:column;gap:4px;display:flex}.bank-holiday-item>div:last-child strong{color:#374151;font-size:11px}.bank-holiday-item>div:last-child span{color:#94a3b8;font-size:10px}.leave-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.leave-modal{background:#fff;border-radius:12px;width:100%;max-width:510px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 70px #0003}.leave-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:20px;padding:20px 22px;display:flex}.leave-modal-header h2{color:#111827;margin:0 0 5px;font-size:17px}.leave-modal-header p{color:#94a3b8;margin:0;font-size:11px}.leave-close-button{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;width:30px;height:30px;font-size:20px}.leave-form{padding:22px}.leave-form-group{margin-bottom:17px}.leave-form-group label{color:#374151;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.leave-form-group input,.leave-form-group select,.leave-form-group textarea{box-sizing:border-box;color:#374151;background:#fff;border:1px solid #d7dce4;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:12px}.leave-form-group input,.leave-form-group select{height:40px;padding:0 11px}.leave-form-group textarea{resize:vertical;padding:10px 11px}.leave-form-group input:focus,.leave-form-group select:focus,.leave-form-group textarea:focus{border-color:#3864df}.leave-form-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.leave-info-box{background:#eff6ff;border-radius:7px;align-items:flex-start;gap:8px;margin-bottom:20px;padding:11px;display:flex}.leave-info-box span{color:#2563eb;font-size:13px}.leave-form-actions{justify-content:flex-end;gap:8px;display:flex}.leave-cancel-button,.leave-submit-button{cursor:pointer;border-radius:8px;height:38px;padding:0 15px;font-size:11px;font-weight:600}.leave-cancel-button{color:#374151;background:#fff;border:1px solid #d1d5db}.leave-submit-button{color:#fff;background:#3864df;border:none}.leave-submit-button:hover{background:#2f55c7}@media (width<=1000px){.leave-summary-grid{grid-template-columns:repeat(2,1fr)}.bank-holiday-grid{grid-template-columns:1fr}}@media (width<=700px){.leave-page-header{flex-direction:column;align-items:flex-start}.leave-primary-button{justify-content:center;width:100%}.leave-summary-grid{grid-template-columns:1fr}.leave-card-header{flex-direction:column;align-items:flex-start}.leave-balance-content{padding:18px}.leave-balance-footer{margin-left:18px;margin-right:18px}.leave-form-row{grid-template-columns:1fr;gap:0}}.location-verification-step{background:#f8fafc;border:1px solid #edf0f4;border-radius:10px;align-items:flex-start;gap:14px;padding:16px;display:flex}.location-verification-icon{background:#edf3ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.location-verification-body{flex-direction:column;gap:4px;min-width:0;display:flex}.location-verification-body strong{color:#1f2937;font-size:13px}.location-verification-body span{color:#64748b;font-size:11px}.location-verification-body p{color:#64748b;margin:2px 0 0;font-size:11px;line-height:1.5}.location-verification-note{color:#94a3b8!important;font-size:10px!important}.location-verification-checking{color:#3864df;font-weight:600}.success-text{color:#047857!important}.error-text{color:#dc2626!important}.face-verification-step{flex-direction:column;gap:14px;display:flex}.face-verification-camera{background:linear-gradient(160deg,#0f172a,#1e293b);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:24px;display:flex}.face-verification-frame{color:#cbd5e1;border:3px dashed #64748b;border-radius:16px;justify-content:center;align-items:center;width:96px;height:96px;font-size:34px;transition:border-color .2s,color .2s;display:flex}.face-verification-frame.verified{color:#34d399;border-style:solid;border-color:#34d399}.face-verification-frame.failed{color:#f87171;border-style:solid;border-color:#f87171}.face-verification-instruction{color:#cbd5e1;text-align:center;margin:0;font-size:11px}.face-verification-live-video{object-fit:cover;background:#000;border-radius:12px;width:220px;height:165px;transform:scaleX(-1)}.face-verification-capture-button{color:#fff;cursor:pointer;background:#3864df;border:none;border-radius:7px;align-self:flex-start;padding:9px 16px;font-size:12px;font-weight:600}.face-verification-capture-button:hover{background:#2c4fc0}.face-verification-body{flex-direction:column;gap:4px;display:flex}.face-verification-body strong{color:#1f2937;font-size:13px}.face-verification-body span{color:#64748b;font-size:11px}.face-verification-stage{color:#3864df;font-weight:600}.face-verification-checklist{flex-direction:column;gap:4px;margin:4px 0;padding:0;font-size:11px;list-style:none;display:flex}.face-verification-checklist li:before{width:16px;font-weight:700;display:inline-block}.face-verification-checklist li.pending{color:#3864df;font-weight:600}.face-verification-checklist li.pending:before{content:"•"}.face-verification-checklist li.passed{color:#047857}.face-verification-checklist li.passed:before{content:"✓"}.face-verification-checklist li.failed{color:#b91c1c}.face-verification-checklist li.failed:before{content:"✕"}.face-verification-retry-hint{font-weight:600;color:#1f2937!important}.face-verification-privacy{color:#94a3b8;background:#f8fafc;border-radius:7px;margin:8px 0 0;padding:9px 11px;font-size:10px;line-height:1.5}.verification-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.verification-modal{background:#fff;border-radius:12px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 70px #0003}.verification-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:20px;padding:20px 22px;display:flex}.verification-modal-header h2{color:#111827;margin:0 0 5px;font-size:17px}.verification-modal-header p{color:#94a3b8;margin:0;font-size:11px;font-weight:600}.verification-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;width:30px;height:30px;font-size:20px}.verification-modal-close:focus-visible,.verification-retry-button:focus-visible,.verification-cancel-button:focus-visible,.verification-done-button:focus-visible{outline-offset:2px;outline:2px solid #3864df}.verification-modal-body{flex-direction:column;gap:14px;padding:22px;display:flex}.verification-summary-row{background:#f8fafc;border-radius:9px;align-items:center;gap:9px;padding:12px 14px;display:flex}.verification-summary-row strong{color:#334155;flex:1;font-size:12px}.verification-summary-result{font-size:11px;font-weight:700}.verification-summary-result.success{color:#047857}.verification-failure-actions p{color:#64748b;margin:0;font-size:11px;line-height:1.5}.verification-failure-buttons{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.verification-cancel-button,.verification-retry-button,.verification-done-button{cursor:pointer;border-radius:8px;height:38px;padding:0 16px;font-size:11px;font-weight:600}.verification-cancel-button{color:#374151;background:#fff;border:1px solid #d1d5db}.verification-retry-button,.verification-done-button{color:#fff;background:#3864df;border:none}.verification-retry-button:hover,.verification-done-button:hover{background:#2f55c7}.verification-done-button:disabled{cursor:not-allowed;background:#93a5d8}.verification-success{flex-direction:column;gap:10px;display:flex}.verification-success-message{color:#64748b;margin:4px 0 0;font-size:12px}.verification-success-headline{color:#047857;margin:0;font-size:14px;font-weight:700}.verification-submit-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;margin:0;padding:9px 11px;font-size:12px}.verification-done-button{width:100%;margin-top:4px}@media (width<=480px){.verification-modal{max-width:100%}}.attendance-clock-card{background:#fff;border:1px solid #e4e8ef;border-radius:12px;margin-bottom:20px;padding:26px}.attendance-clock-greeting{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.attendance-clock-greeting h1{color:#111827;margin:0 0 6px;font-size:24px;font-weight:700}.attendance-clock-greeting p{color:#64748b;margin:0;font-size:13px}.attendance-clock-current-time{color:#1f2937;font-variant-numeric:tabular-nums;background:#f8fafc;border-radius:9px;padding:10px 16px;font-size:20px;font-weight:700}.attendance-clock-status-row{margin-bottom:18px}.attendance-clock-status-pill{border-radius:20px;align-items:center;gap:8px;padding:7px 13px;font-size:12px;font-weight:600;display:inline-flex}.attendance-clock-status-pill span{background:currentColor;border-radius:50%;width:7px;height:7px}.attendance-clock-status-pill.not-clocked-in{color:#64748b;background:#f1f5f9}.attendance-clock-status-pill.working{color:#047857;background:#ecfdf5}.attendance-clock-status-pill.on-break{color:#c2410c;background:#fff7ed}.attendance-clock-status-pill.completed{color:#2563eb;background:#eff6ff}.attendance-clock-detail-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.attendance-clock-detail-grid div{background:#f8fafc;border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.attendance-clock-detail-grid span{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.attendance-clock-detail-grid strong{color:#111827;font-variant-numeric:tabular-nums;font-size:17px}.attendance-clock-actions{gap:10px;display:flex}.attendance-clock-in-button,.attendance-clock-out-button,.attendance-secondary-button{cursor:pointer;border-radius:9px;height:46px;padding:0 22px;font-size:13px;font-weight:700}.attendance-clock-in-button{color:#fff;background:#3864df;border:none}.attendance-clock-in-button:hover{background:#2f55c7}.attendance-clock-out-button{color:#fff;background:#dc2626;border:none}.attendance-clock-out-button:hover{background:#b91c1c}.attendance-secondary-button{color:#374151;background:#fff;border:1px solid #d7dce4}.attendance-secondary-button:hover{background:#f8fafc}.attendance-clock-in-button:focus-visible,.attendance-clock-out-button:focus-visible,.attendance-secondary-button:focus-visible{outline-offset:2px;outline:2px solid #3864df}@media (width<=700px){.attendance-clock-greeting{flex-direction:column}.attendance-clock-current-time{align-self:flex-start}.attendance-clock-detail-grid{grid-template-columns:1fr}.attendance-clock-actions{flex-direction:column}.attendance-clock-in-button,.attendance-clock-out-button,.attendance-secondary-button{width:100%}}.attendance-summary-card{background:#fff;border:1px solid #e4e8ef;border-radius:11px;align-items:center;gap:13px;min-height:90px;padding:17px 18px;display:flex}.attendance-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:flex}.attendance-summary-icon.blue{color:#3565dc;background:#edf3ff}.attendance-summary-icon.green{color:#059669;background:#ecfdf5}.attendance-summary-icon.orange{color:#ea580c;background:#fff7ed}.attendance-summary-icon.red{color:#dc2626;background:#fef2f2}.attendance-summary-icon.purple{color:#7c3aed;background:#f4f0ff}.attendance-summary-card>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.attendance-summary-card span{color:#718096;font-size:11px}.attendance-summary-card strong{color:#111827;font-size:21px}.attendance-summary-card small{color:#94a3b8;font-size:9px}.attendance-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:10px;font-weight:600;display:inline-flex}.attendance-status-badge.present{color:#047857;background:#ecfdf5}.attendance-status-badge.late{color:#c2410c;background:#fff7ed}.attendance-status-badge.absent{color:#dc2626;background:#fef2f2}.attendance-status-badge.half-day{color:#2563eb;background:#eff6ff}.attendance-status-badge.on-leave{color:#7c3aed;background:#f4f0ff}.attendance-status-badge.holiday{color:#a16207;background:#fef9c3}.attendance-status-badge.weekend{color:#64748b;background:#f1f5f9}.attendance-status-badge.missing-punch{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.attendance-history-filters{border-bottom:1px solid #edf0f4;flex-wrap:wrap;gap:10px;padding:16px 20px;display:flex}.attendance-history-filters select,.attendance-history-filters input{color:#374151;background:#fff;border:1px solid #d7dce4;border-radius:8px;height:38px;padding:0 11px;font-family:inherit;font-size:11px}.attendance-history-clear-button{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;height:38px;padding:0 13px;font-size:11px;font-weight:600}.attendance-history-clear-button:hover{background:#dbeafe}.attendance-history-table-container{overflow-x:auto}.attendance-history-table{border-collapse:collapse;width:100%;min-width:900px}.attendance-history-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.4px;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 20px;font-size:10px;font-weight:700}.attendance-history-table td{color:#64748b;border-bottom:1px solid #f1f5f9;padding:14px 20px;font-size:11px}.attendance-history-table td strong{color:#1f2937}.attendance-history-table tbody tr:hover{background:#fafcff}.attendance-verification-summary{font-size:10px;font-weight:600}.attendance-verification-summary.verified{color:#047857}.attendance-verification-summary.failed{color:#dc2626}.attendance-verification-summary.not-required{color:#94a3b8}.attendance-history-empty{text-align:center;height:120px;color:#94a3b8!important}@media (width<=700px){.attendance-history-filters{flex-direction:column}.attendance-history-filters select,.attendance-history-filters input,.attendance-history-clear-button{width:100%}}.attendance-calendar{padding:20px 24px 24px}.attendance-calendar-header{justify-content:center;align-items:center;gap:18px;margin-bottom:16px;display:flex}.attendance-calendar-header strong{text-align:center;color:#111827;min-width:150px;font-size:14px}.attendance-calendar-header button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:30px;height:30px;font-size:16px}.attendance-calendar-header button:hover{background:#f8fafc}.attendance-calendar-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:6px;display:grid}.attendance-calendar-weekdays span{text-align:center;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:700}.attendance-calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.attendance-calendar-cell{aspect-ratio:1;background:#f8fafc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:52px;padding:6px;display:flex}.attendance-calendar-cell.empty{background:0 0}.attendance-calendar-day{color:#64748b;font-size:10px;font-weight:600}.attendance-calendar-icon{font-size:13px}.attendance-calendar-cell.present{background:#ecfdf5}.attendance-calendar-cell.present .attendance-calendar-day{color:#047857}.attendance-calendar-cell.late{background:#fff7ed}.attendance-calendar-cell.late .attendance-calendar-day{color:#c2410c}.attendance-calendar-cell.absent{background:#fef2f2}.attendance-calendar-cell.absent .attendance-calendar-day{color:#dc2626}.attendance-calendar-cell.half-day{background:#eff6ff}.attendance-calendar-cell.half-day .attendance-calendar-day{color:#2563eb}.attendance-calendar-cell.on-leave{background:#f4f0ff}.attendance-calendar-cell.on-leave .attendance-calendar-day{color:#7c3aed}.attendance-calendar-cell.holiday{background:#fef9c3}.attendance-calendar-cell.holiday .attendance-calendar-day{color:#a16207}.attendance-calendar-cell.weekend{background:#f1f5f9}.attendance-calendar-cell.no-data{background:#fafafa}.attendance-calendar-legend{border-top:1px solid #edf0f4;flex-wrap:wrap;gap:12px;margin-top:18px;padding-top:16px;display:flex}.attendance-calendar-legend-item{color:#64748b;align-items:center;gap:5px;font-size:10px;font-weight:600;display:inline-flex}@media (width<=700px){.attendance-calendar-cell{min-height:40px}.attendance-calendar-icon{font-size:11px}}.attendance-notification-card{background:#fff;border:1px solid #edf0f4;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.attendance-notification-card.unread{background:#f8faff;border-color:#dce6ff}.attendance-notification-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.attendance-notification-icon.success{color:#059669;background:#ecfdf5}.attendance-notification-icon.warning{color:#ea580c;background:#fff7ed}.attendance-notification-icon.error{color:#dc2626;background:#fef2f2}.attendance-notification-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.attendance-notification-top{align-items:center;gap:8px;display:flex}.attendance-notification-top strong{color:#1f2937;font-size:12px}.attendance-notification-dot{background:#3864df;border-radius:50%;flex-shrink:0;width:7px;height:7px}.attendance-notification-body p{color:#64748b;margin:0;font-size:11px;line-height:1.5}.attendance-notification-time{color:#94a3b8;font-size:9px}.attendance-notification-list{flex-direction:column;gap:10px;display:flex}.attendance-notification-empty{text-align:center;color:#94a3b8;padding:30px 20px;font-size:11px}.correction-request-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.correction-request-modal{background:#fff;border-radius:12px;width:100%;max-width:440px;max-height:88vh;overflow-y:auto;box-shadow:0 25px 70px #0003}.correction-request-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:20px;padding:20px 22px;display:flex}.correction-request-header h2{color:#111827;margin:0 0 5px;font-size:16px}.correction-request-header p{color:#94a3b8;margin:0;font-size:11px}.correction-request-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;width:30px;height:30px;font-size:20px}.correction-request-form{flex-direction:column;gap:16px;padding:22px;display:flex}.correction-request-field{flex-direction:column;gap:6px;display:flex}.correction-request-field label{color:#374151;font-size:11px;font-weight:600}.correction-request-field input,.correction-request-field textarea{box-sizing:border-box;color:#374151;background:#fff;border:1px solid #d7dce4;border-radius:7px;outline:none;width:100%;padding:9px 11px;font-family:inherit;font-size:12px}.correction-request-field input:focus,.correction-request-field textarea:focus{border-color:#3864df}.correction-request-error{color:#dc2626;margin:0;font-size:11px}.correction-request-actions{justify-content:flex-end;gap:10px;display:flex}.correction-request-actions button{cursor:pointer;border-radius:7px;height:38px;padding:0 16px;font-size:11px;font-weight:600}.correction-request-cancel{color:#475569;background:#fff;border:1px solid #d7dce4}.correction-request-submit{color:#fff;background:#3864df;border:1px solid #3864df}.correction-request-submit:disabled{opacity:.65;cursor:not-allowed}.employee-attendance-page{width:100%;max-width:1335px;margin:0 auto}.attendance-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.attendance-content-card{background:#fff;border:1px solid #e4e8ef;border-radius:11px;margin-bottom:20px;overflow:hidden}.attendance-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:19px 24px;display:flex}.attendance-request-correction-link{color:#3864df;cursor:pointer;background:#fff;border:1px solid #d7dce4;border-radius:7px;flex-shrink:0;height:36px;padding:0 14px;font-size:11px;font-weight:600}.attendance-missing-punch-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:11px;align-items:center;gap:14px;margin-bottom:20px;padding:16px 20px;display:flex}.attendance-missing-punch-banner>span{color:#dc2626;flex-shrink:0;font-size:20px}.attendance-missing-punch-banner>div{flex:1}.attendance-missing-punch-banner strong{color:#991b1b;margin-bottom:3px;font-size:13px;display:block}.attendance-missing-punch-banner p{color:#b91c1c;margin:0;font-size:11px}.attendance-missing-punch-banner button{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dc2626;border-radius:7px;flex-shrink:0;height:38px;padding:0 16px;font-size:11px;font-weight:600}.attendance-missing-punch-banner button:hover{background:#fef2f2}@media (width<=700px){.attendance-missing-punch-banner{flex-direction:column;align-items:flex-start}}.attendance-notifications-panel{padding:20px 24px 24px}@media (width<=1200px){.attendance-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1000px){.attendance-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.attendance-page-header{flex-direction:column;align-items:flex-start}.attendance-summary-grid{grid-template-columns:1fr}.attendance-card-header{flex-direction:column;align-items:flex-start}}.timesheets-page{width:100%;max-width:1335px;margin:0 auto}.timesheets-page-header{margin-bottom:25px}.timesheets-page-header h1{color:#111827;margin:0 0 7px;font-size:30px;font-weight:700}.timesheets-page-header p{color:#64748b;margin:0;font-size:15px}.timesheets-card{background:#fff;border:1px solid #e4e8ef;border-radius:11px;margin-bottom:20px;overflow:hidden}.timesheets-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:19px 26px;display:flex}.timesheets-card-header h2{color:#111827;margin:0 0 5px;font-size:18px;font-weight:600}.timesheets-card-header p{color:#94a3b8;margin:0;font-size:12px}.timesheet-status span{background:currentColor;border-radius:50%;width:7px;height:7px}.timesheet-status.draft{color:#64748b;background:#f1f5f9}.timesheet-week-table-container{width:100%;overflow-x:auto}.timesheet-week-table{border-collapse:collapse;width:100%;min-width:800px}.timesheet-week-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.4px;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:13px 20px;font-size:10px;font-weight:700}.timesheet-week-table td{color:#64748b;border-bottom:1px solid #f1f5f9;padding:14px 20px;font-size:11px}.timesheet-week-table td strong{color:#1f2937;font-size:11px;font-weight:600}.hours-input-wrapper{background:#fff;border:1px solid #d7dce4;border-radius:7px;align-items:center;width:120px;height:35px;display:flex;overflow:hidden}.hours-input-wrapper input{color:#111827;background:0 0;border:none;outline:none;width:70px;height:100%;padding:0 9px;font-size:11px}.hours-input-wrapper span{color:#94a3b8;font-size:9px}.hours-input-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hours-input-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hours-input-wrapper input[type=number]{appearance:textfield}.hours-input-wrapper input:disabled,.notes-input:disabled{color:#94a3b8;cursor:not-allowed}.notes-input{color:#374151;border:1px solid #d7dce4;border-radius:7px;outline:none;width:100%;max-width:260px;height:35px;padding:0 10px;font-size:10px}.notes-input::placeholder{color:#b0bac7}.notes-input:focus{border-color:#3864df}.timesheet-total{background:#f8fafc;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 26px;padding:16px;display:grid}.timesheet-total>div{border-right:1px solid #e2e8f0;flex-direction:column;align-items:center;gap:5px;display:flex}.timesheet-total>div:last-child{border-right:none}.timesheet-total span{color:#94a3b8;font-size:10px}.timesheet-total strong{color:#111827;font-size:18px;font-weight:600}.timesheet-total strong.positive{color:#047857}.timesheet-total strong.negative{color:#dc2626}.timesheet-actions{justify-content:flex-end;gap:10px;padding:0 26px 23px;display:flex}.timesheet-actions button{cursor:pointer;border-radius:7px;height:40px;padding:0 17px;font-size:11px;font-weight:600;transition:all .2s}.timesheet-actions button:disabled{opacity:.55;cursor:not-allowed}.save-draft-button{color:#475569;background:#fff;border:1px solid #d7dce4}.save-draft-button:hover{background:#f8fafc}.submit-timesheet-button{color:#fff;background:#3864df;border:1px solid #3864df}.submit-timesheet-button:hover{background:#2f55c7}.timesheet-summary-card{background:#fff;border:1px solid #e4e8ef;border-radius:11px;align-items:center;gap:13px;min-height:90px;padding:17px 18px;display:flex}.timesheet-summary-icon.blue{color:#3565dc;background:#edf3ff}.timesheet-summary-icon.green{color:#047857;background:#ecfdf5}.timesheet-summary-icon.orange{color:#ea580c;background:#fff7ed}.timesheet-summary-icon.purple{color:#7c3aed;background:#f4f0ff}.timesheet-summary-card strong{color:#111827;font-size:21px;font-weight:600}.timesheet-summary-card small{color:#94a3b8;font-size:9px}.timesheet-history-container{width:100%;overflow-x:auto}.timesheet-history-table{border-collapse:collapse;width:100%;min-width:650px}.timesheet-history-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.4px;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 20px;font-size:10px;font-weight:700}.timesheet-history-table td{color:#64748b;border-bottom:1px solid #f1f5f9;padding:15px 20px;font-size:11px}.timesheet-history-table td strong{color:#1f2937;font-size:11px;font-weight:600}.timesheet-history-table tbody tr:hover{background:#fafcff}.timesheet-history-table tbody tr:last-child td{border-bottom:none}.timesheet-history-status{border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex}.timesheet-history-status span{background:currentColor;border-radius:50%;width:6px;height:6px}.timesheet-history-status.approved{color:#047857;background:#ecfdf5}.timesheet-history-status.pending{color:#c2410c;background:#fff7ed}.timesheet-history-status.rejected{color:#dc2626;background:#fef2f2}.timesheet-info-card{background:#eff6ff;border:1px solid #dbeafe;border-radius:11px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:17px 20px;display:flex}.timesheet-info-icon{color:#2563eb;font-size:17px;line-height:1}.timesheet-info-card h3{color:#1e3a8a;margin:0 0 5px;font-size:12px;font-weight:600}.timesheet-info-card p{color:#475569;margin:0;font-size:10px;line-height:1.6}@media (width<=1100px){.timesheet-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.timesheets-card-header{flex-direction:column;align-items:flex-start}.timesheet-total{grid-template-columns:1fr;gap:0}.timesheet-total>div{border-bottom:1px solid #e2e8f0;border-right:none;padding:12px 0}.timesheet-total>div:last-child{border-bottom:none}}@media (width<=700px){.timesheets-page-header h1{font-size:25px}.timesheets-page-header p{font-size:13px}.timesheets-card-header{padding:18px}.timesheet-total{margin-left:18px;margin-right:18px}.timesheet-actions{flex-direction:column;padding-left:18px;padding-right:18px}.timesheet-actions button{width:100%}.timesheet-summary-grid{grid-template-columns:1fr}.timesheet-info-card{padding:15px}}@media (width<=480px){.timesheets-page-header h1{font-size:23px}.timesheets-page-header p{font-size:12px}.timesheets-card-header h2{font-size:16px}.timesheets-card-header p{font-size:11px}.timesheet-summary-card{min-height:80px}}.expenses-page{width:100%;max-width:1335px;margin:0 auto}.expenses-page-header{margin-bottom:25px}.expenses-page-header h1{color:#111827;margin:0 0 7px;font-size:30px;font-weight:700}.expenses-page-header p{color:#64748b;margin:0;font-size:15px}.expenses-summary-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.expense-summary-card{background:#fff;border:1px solid #e4e8ef;border-radius:11px;align-items:center;gap:13px;min-height:90px;padding:17px 18px;display:flex}.expense-summary-icon.blue{color:#3565dc;background:#edf3ff}.expense-summary-icon.green{color:#047857;background:#ecfdf5}.expense-summary-icon.orange{color:#ea580c;background:#fff7ed}.expense-summary-icon.purple{color:#7c3aed;background:#f4f0ff}.expense-summary-card strong{color:#111827;font-size:21px;font-weight:600}.expense-summary-card small{color:#94a3b8;font-size:9px}.expenses-card{background:#fff;border:1px solid #e4e8ef;border-radius:11px;margin-bottom:20px;overflow:hidden}.expenses-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:19px 26px;display:flex}.expenses-card-header h2{color:#111827;margin:0 0 5px;font-size:18px;font-weight:600}.expenses-card-header p{color:#94a3b8;margin:0;font-size:12px}.expense-form{grid-template-columns:repeat(2,1fr);gap:20px;padding:25px 26px;display:grid}.expense-form-group{flex-direction:column;gap:7px;display:flex}.expense-form-group label{color:#374151;font-size:11px;font-weight:600}.expense-form-group label span{color:#dc2626;margin-left:3px}.expense-form-group input,.expense-form-group select,.expense-form-group textarea{box-sizing:border-box;color:#374151;background:#fff;border:1px solid #d7dce4;border-radius:7px;outline:none;width:100%;font-family:inherit;font-size:11px;transition:border-color .2s}.expense-form-group input,.expense-form-group select{height:40px;padding:0 11px}.expense-form-group textarea{resize:vertical;padding:11px;line-height:1.5}.expense-form-group input:focus,.expense-form-group select:focus,.expense-form-group textarea:focus{border-color:#3864df}.expense-form-group input::placeholder,.expense-form-group textarea::placeholder{color:#a8b1bd}.expense-full-width{grid-column:1/-1}.amount-input{width:100%;display:flex}.amount-input select{border-right:none;border-radius:7px 0 0 7px;flex-shrink:0;width:95px}.amount-input input{border-radius:0 7px 7px 0;flex:1}.receipt-upload{cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;min-height:105px;position:relative;overflow:hidden}.receipt-upload:hover{background:#f8faff;border-color:#3864df}.receipt-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.receipt-upload-content{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:105px;display:flex}.receipt-icon{color:#3864df;background:#edf3ff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;font-weight:700;display:flex}.receipt-upload-content strong{color:#475569;font-size:11px}.receipt-upload-content small{color:#94a3b8;font-size:9px}.selected-file{color:#2563eb;margin-top:5px;font-size:9px}.expense-form-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:5px;display:flex}.expense-form-actions button{cursor:pointer;border-radius:7px;height:40px;padding:0 18px;font-size:11px;font-weight:600}.expense-cancel-button{color:#475569;background:#fff;border:1px solid #d7dce4}.expense-cancel-button:hover{background:#f8fafc}.expense-submit-button{color:#fff;background:#3864df;border:1px solid #3864df}.expense-submit-button:hover{background:#2f55c7}.expense-filter{color:#475569;background:#fff;border:1px solid #d7dce4;border-radius:7px;outline:none;min-width:130px;height:36px;padding:0 10px;font-size:10px}.expense-table-container{width:100%;overflow-x:auto}.expense-table{border-collapse:collapse;width:100%;min-width:850px}.expense-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.4px;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 20px;font-size:10px;font-weight:700}.expense-table td{color:#64748b;border-bottom:1px solid #f1f5f9;padding:15px 20px;font-size:11px}.expense-table td strong{color:#1f2937;font-size:11px;font-weight:600}.expense-table tbody tr:hover{background:#fafcff}.expense-table tbody tr:last-child td{border-bottom:none}.expense-table-empty{text-align:center;color:#94a3b8!important;padding:30px 20px!important}.expense-status{border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex}.expense-status span{background:currentColor;border-radius:50%;width:6px;height:6px}.expense-status.approved{color:#047857;background:#ecfdf5}.expense-status.pending{color:#c2410c;background:#fff7ed}.expense-status.rejected{color:#dc2626;background:#fef2f2}.expense-info-card{background:#eff6ff;border:1px solid #dbeafe;border-radius:11px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:17px 20px;display:flex}.expense-info-icon{color:#2563eb;font-size:17px;line-height:1}.expense-info-card h3{color:#1e3a8a;margin:0 0 5px;font-size:12px;font-weight:600}.expense-info-card p{color:#475569;margin:0;font-size:10px;line-height:1.6}@media (width<=1100px){.expenses-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.expense-form{grid-template-columns:1fr}.expense-full-width,.expense-form-actions{grid-column:auto}.expenses-card-header{flex-direction:column;align-items:flex-start}.expense-filter{width:100%}}@media (width<=700px){.expenses-page-header h1{font-size:25px}.expenses-page-header p{font-size:13px}.expenses-summary-grid{grid-template-columns:1fr}.expenses-card-header{padding:18px}.expense-form{padding:20px 18px}.expense-form-actions{flex-direction:column}.expense-form-actions button{width:100%}.expense-info-card{padding:15px}}@media (width<=480px){.expenses-page-header h1{font-size:23px}.expenses-page-header p{font-size:12px}.expenses-card-header h2{font-size:16px}.expenses-card-header p{font-size:11px}.expense-summary-card{min-height:80px}}.payslips-page{width:100%;max-width:1335px;margin:0 auto}.payslips-page-header{margin-bottom:25px}.payslips-page-header h1{color:#111827;margin:0 0 7px;font-size:30px;font-weight:700}.payslips-page-header p{color:#64748b;margin:0;font-size:15px}.payslip-current-card{background:#fff;border:1px solid #e4e8ef;border-radius:11px;margin-bottom:20px;overflow:hidden}.payslip-current-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;min-height:105px;padding:23px 26px;display:flex}.payslip-label{color:#3864df;letter-spacing:.8px;margin-bottom:6px;font-size:9px;font-weight:700}.payslip-current-header h2{color:#111827;margin:0 0 5px;font-size:20px;font-weight:600}.payslip-current-header p{color:#94a3b8;margin:0;font-size:11px}.payslip-download-button{color:#fff;cursor:pointer;background:#3864df;border:1px solid #3864df;border-radius:7px;align-items:center;gap:8px;height:39px;padding:0 15px;font-size:10px;font-weight:600;display:flex}.payslip-download-button:hover{background:#2f55c7}.payslip-download-button:disabled{cursor:not-allowed;background:#94a3b8;border-color:#94a3b8}.payslip-download-button:disabled:hover{background:#94a3b8}.payslip-download-button span{font-size:15px}.net-pay-section{text-align:center;background:#f8faff;border-bottom:1px solid #e5e7eb;flex-direction:column;align-items:center;gap:5px;padding:25px 26px;display:flex}.net-pay-section span{color:#64748b;font-size:11px;font-weight:500}.net-pay-section strong{color:#111827;font-size:32px;font-weight:700}.net-pay-section small{color:#94a3b8;font-size:9px}.pay-breakdown{grid-template-columns:repeat(2,1fr);padding:20px 26px;display:grid}.pay-breakdown-item{border-right:1px solid #e5e7eb;flex-direction:column;align-items:center;gap:7px;padding:4px 20px;display:flex}.pay-breakdown-item:first-child{padding-left:0}.pay-breakdown-item:last-child{border-right:none;padding-right:0}.pay-breakdown-item span{color:#94a3b8;font-size:10px}.pay-breakdown-item strong{color:#1f2937;font-size:14px;font-weight:600}.payslip-summary-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.payslip-summary-card{background:#fff;border:1px solid #e4e8ef;border-radius:11px;align-items:center;gap:13px;min-height:90px;padding:17px 18px;display:flex}.payslip-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:flex}.payslip-summary-icon.blue{color:#3565dc;background:#edf3ff}.payslip-summary-icon.red{color:#dc2626;background:#fef2f2}.payslip-summary-icon.green{color:#047857;background:#ecfdf5}.payslip-summary-icon.purple{color:#7c3aed;background:#f4f0ff}.payslip-summary-card>div:last-child{flex-direction:column;gap:4px;display:flex}.payslip-summary-card span{color:#718096;font-size:11px}.payslip-summary-card strong{color:#111827;font-size:20px;font-weight:600}.payslip-summary-card small{color:#94a3b8;font-size:9px}.payslips-card{background:#fff;border:1px solid #e4e8ef;border-radius:11px;margin-bottom:20px;overflow:hidden}.payslips-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:82px;padding:19px 26px;display:flex}.payslips-card-header h2{color:#111827;margin:0 0 5px;font-size:18px;font-weight:600}.payslips-card-header p{color:#94a3b8;margin:0;font-size:12px}.payslip-table-container{width:100%;overflow-x:auto}.payslip-table{border-collapse:collapse;width:100%;min-width:850px}.payslip-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.4px;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 20px;font-size:10px;font-weight:700}.payslip-table td{color:#64748b;border-bottom:1px solid #f1f5f9;padding:15px 20px;font-size:11px}.payslip-table td strong{color:#1f2937;font-size:11px;font-weight:600}.payslip-table tbody tr:hover{background:#fafcff}.payslip-table tbody tr:last-child td{border-bottom:none}.net-pay-table{color:#047857!important}.payslip-status{border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex}.payslip-status span{background:currentColor;border-radius:50%;width:6px;height:6px}.payslip-status.processed{color:#047857;background:#ecfdf5}.payslip-status.pending{color:#c2410c;background:#fff7ed}.payslip-actions{align-items:center;gap:7px;display:flex}.view-payslip-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #d7dce4;border-radius:6px;height:30px;padding:0 11px;font-size:10px;font-weight:600}.view-payslip-button:hover{background:#f8fafc}.download-small-button{color:#3864df;cursor:pointer;background:#fff;border:1px solid #d7dce4;border-radius:6px;width:30px;height:30px;font-size:14px}.download-small-button:hover{background:#edf3ff}.download-small-button:disabled{color:#94a3b8;cursor:not-allowed}.download-small-button:disabled:hover{background:#fff}.payslip-info-card{background:#eff6ff;border:1px solid #dbeafe;border-radius:11px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:17px 20px;display:flex}.payslip-info-icon{color:#2563eb;font-size:17px;line-height:1}.payslip-info-card h3{color:#1e3a8a;margin:0 0 5px;font-size:12px;font-weight:600}.payslip-info-card p{color:#475569;margin:0;font-size:10px;line-height:1.6}.payslip-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.payslip-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 50px #0f172a33}.payslip-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.payslip-modal-header span{color:#3864df;letter-spacing:.8px;font-size:9px;font-weight:700}.payslip-modal-header h2{color:#111827;margin:5px 0 0;font-size:19px}.payslip-close-button{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:7px;width:32px;height:32px;font-size:20px}.payslip-close-button:hover{background:#e2e8f0}.payslip-modal-body{padding:22px}.modal-pay-date{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-pay-date span{color:#94a3b8;font-size:10px}.modal-pay-date strong{color:#374151;font-size:11px}.modal-net-pay{background:#f8faff;border-radius:9px;flex-direction:column;align-items:center;gap:5px;margin-bottom:20px;padding:18px;display:flex}.modal-net-pay span{color:#64748b;font-size:10px}.modal-net-pay strong{color:#111827;font-size:26px}.modal-breakdown{border-top:1px solid #e5e7eb}.modal-breakdown>div{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:12px 0;display:flex}.modal-breakdown span{color:#64748b;font-size:10px}.modal-breakdown strong{color:#374151;font-size:11px}.payslip-modal-footer{background:#f8fafc;justify-content:flex-end;gap:9px;padding:16px 22px;display:flex}.modal-close-button,.modal-download-button{cursor:pointer;border-radius:7px;height:38px;padding:0 14px;font-size:10px;font-weight:600}.modal-close-button{color:#475569;background:#fff;border:1px solid #d7dce4}.modal-download-button{color:#fff;background:#3864df;border:1px solid #3864df}.modal-download-button:disabled{cursor:not-allowed;background:#94a3b8;border-color:#94a3b8}@media (width<=1100px){.payslip-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.pay-breakdown{gap:15px 0}}@media (width<=700px){.payslips-page-header h1{font-size:25px}.payslips-page-header p{font-size:13px}.payslip-current-header{flex-direction:column;align-items:flex-start;padding:18px}.payslip-download-button{justify-content:center;width:100%}.net-pay-section{padding:22px 18px}.net-pay-section strong{font-size:28px}.pay-breakdown{padding:18px}.payslip-summary-grid{grid-template-columns:1fr}.payslips-card-header{padding:18px}.payslip-info-card{padding:15px}}@media (width<=480px){.payslips-page-header h1{font-size:23px}.payslip-current-header h2{font-size:18px}.pay-breakdown{grid-template-columns:1fr}.pay-breakdown-item{border-bottom:1px solid #e5e7eb;border-right:none;padding:10px 0}.pay-breakdown-item:last-child{border-bottom:none}.payslip-modal-footer{flex-direction:column}.modal-close-button,.modal-download-button{width:100%}}.employee-coming-soon-page{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:40px 20px;display:flex}.employee-coming-soon-card{text-align:center;background:#fff;border:1px solid #e5e9f2;border-radius:14px;flex-direction:column;align-items:center;gap:10px;max-width:440px;padding:40px 32px;display:flex;box-shadow:0 1px 2px #0f172a0a}.employee-coming-soon-icon{margin-bottom:4px;font-size:34px}.employee-coming-soon-badge{color:#92400e;letter-spacing:.3px;text-transform:uppercase;background:#fef3c7;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.employee-coming-soon-card h1{color:#111827;margin:6px 0 0;font-size:19px}.employee-coming-soon-card p{color:#64748b;margin:0;font-size:13px;line-height:1.6}.policies-page{width:100%;max-width:1335px;margin:0 auto}.policies-page-header{margin-bottom:25px}.policies-page-header h1{color:#111827;margin:0 0 7px;font-size:30px;font-weight:700}.policies-page-header p{color:#64748b;margin:0;font-size:15px}.policies-summary-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.policies-summary-card{background:#fff;border:1px solid #e4e8ef;border-radius:11px;align-items:center;gap:13px;min-height:90px;padding:17px 18px;display:flex}.policies-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:flex}.policies-summary-icon.blue{color:#3565dc;background:#edf3ff}.policies-summary-icon.green{color:#047857;background:#ecfdf5}.policies-summary-icon.orange{color:#ea580c;background:#fff7ed}.policies-summary-icon.purple{color:#7c3aed;background:#f4f0ff}.policies-summary-card>div:last-child{flex-direction:column;gap:4px;display:flex}.policies-summary-card span{color:#718096;font-size:11px}.policies-summary-card strong{color:#111827;font-size:21px;font-weight:600}.policies-summary-card small{color:#94a3b8;font-size:9px}.policies-tabs{background:#f1f5f9;border-radius:9px;gap:4px;width:fit-content;margin-bottom:20px;padding:5px;display:flex}.policies-tabs button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;height:36px;padding:0 17px;font-size:10px;font-weight:600}.policies-tabs button:hover{color:#3864df}.policies-tabs button.active{color:#3864df;background:#fff;box-shadow:0 1px 4px #0f172a14}.policies-card{background:#fff;border:1px solid #e4e8ef;border-radius:11px;margin-bottom:20px;overflow:hidden}.policies-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:82px;padding:19px 26px;display:flex}.policies-card-header h2{color:#111827;margin:0 0 5px;font-size:18px;font-weight:600}.policies-card-header p{color:#94a3b8;margin:0;font-size:12px}.policies-list{padding:0 26px}.policies-empty-state{color:#64748b;text-align:center;margin:0;padding:30px 0;font-size:13px}.policy-item{border-bottom:1px solid #f1f5f9;grid-template-columns:42px 1fr auto;align-items:flex-start;gap:15px;padding:20px 0;display:grid}.policy-item:last-child{border-bottom:none}.policy-icon{color:#3864df;background:#edf3ff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:flex}.policy-content{min-width:0}.policy-title-row{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:7px;display:flex}.policy-title-row h3{color:#1f2937;margin:0;font-size:13px;font-weight:600}.policy-category{color:#64748b;background:#f1f5f9;border-radius:5px;padding:4px 7px;font-size:8px;font-weight:600}.policy-content p{color:#94a3b8;max-width:720px;margin:0 0 9px;font-size:10px;line-height:1.55}.policy-meta{gap:18px;display:flex}.policy-meta span{color:#a1aab7;font-size:9px}.policy-actions{align-items:center;gap:10px;display:flex}.policy-acknowledged,.policy-pending{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;font-size:9px;font-weight:600;display:inline-flex}.policy-acknowledged{color:#047857;background:#ecfdf5}.policy-pending{color:#c2410c;background:#fff7ed}.policy-acknowledged span,.policy-pending span{font-size:9px}.policy-view-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #d7dce4;border-radius:6px;height:32px;padding:0 12px;font-size:9px;font-weight:600}.policy-view-button:hover{background:#f8fafc}.handbook-content{text-align:center;flex-direction:column;align-items:center;padding:40px 30px;display:flex}.handbook-icon{color:#3864df;background:#edf3ff;border-radius:15px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:15px;font-size:27px;display:flex}.handbook-content h2{color:#111827;margin:0 0 9px;font-size:19px}.handbook-content>p{color:#94a3b8;max-width:600px;margin:0;font-size:11px;line-height:1.7}.handbook-details{border:1px solid #e5e7eb;border-radius:8px;gap:0;margin:25px 0;display:flex;overflow:hidden}.handbook-details>div{border-right:1px solid #e5e7eb;flex-direction:column;gap:5px;min-width:130px;padding:13px 20px;display:flex}.handbook-details>div:last-child{border-right:none}.handbook-details span{color:#94a3b8;font-size:9px}.handbook-details strong{color:#374151;font-size:10px}.handbook-status{color:#047857!important}.handbook-actions{gap:10px;display:flex}.handbook-view-button,.handbook-download-button{cursor:pointer;border-radius:7px;height:38px;padding:0 15px;font-size:10px;font-weight:600}.handbook-view-button{color:#475569;background:#fff;border:1px solid #d7dce4}.handbook-download-button{color:#fff;background:#3864df;border:1px solid #3864df}.acknowledgement-table-container{width:100%;overflow-x:auto}.acknowledgement-table{border-collapse:collapse;width:100%;min-width:750px}.acknowledgement-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.4px;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 20px;font-size:10px;font-weight:700}.acknowledgement-table td{color:#64748b;border-bottom:1px solid #f1f5f9;padding:15px 20px;font-size:10px}.acknowledgement-table td strong{color:#1f2937;font-size:11px}.acknowledgement-table tbody tr:hover{background:#fafcff}.table-acknowledged,.table-pending{align-items:center;gap:6px;font-size:9px;font-weight:600;display:inline-flex}.table-acknowledged{color:#047857}.table-pending{color:#c2410c}.table-view-button,.table-acknowledge-button{cursor:pointer;border-radius:6px;height:30px;padding:0 10px;font-size:9px;font-weight:600}.table-view-button{color:#475569;background:#fff;border:1px solid #d7dce4}.table-acknowledge-button{color:#fff;background:#3864df;border:1px solid #3864df}.policies-info-card{background:#eff6ff;border:1px solid #dbeafe;border-radius:11px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:17px 20px;display:flex}.policies-info-icon{color:#2563eb;font-size:17px;line-height:1}.policies-info-card h3{color:#1e3a8a;margin:0 0 5px;font-size:12px;font-weight:600}.policies-info-card p{color:#475569;margin:0;font-size:10px;line-height:1.6}.policy-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.policy-modal{background:#fff;border-radius:12px;width:100%;max-width:560px;overflow:hidden;box-shadow:0 20px 50px #0f172a33}.policy-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.policy-modal-header>div>span{color:#3864df;letter-spacing:.8px;font-size:9px;font-weight:700}.policy-modal-header h2{color:#111827;margin:5px 0 0;font-size:19px}.policy-modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:7px;width:32px;height:32px;font-size:20px}.policy-modal-close:hover{background:#e2e8f0}.policy-modal-body{padding:22px}.policy-modal-meta{border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:repeat(3,1fr);margin-bottom:22px;display:grid;overflow:hidden}.policy-modal-meta>div{border-right:1px solid #e5e7eb;flex-direction:column;gap:5px;padding:12px;display:flex}.policy-modal-meta>div:last-child{border-right:none}.policy-modal-meta span{color:#94a3b8;font-size:9px}.policy-modal-meta strong{color:#374151;font-size:10px}.policy-modal-description h3{color:#374151;margin:0 0 8px;font-size:12px}.policy-modal-description p{color:#64748b;margin:0 0 10px;font-size:10px;line-height:1.65}.modal-acknowledged,.modal-not-acknowledged{border-radius:7px;align-items:center;gap:8px;margin-top:17px;padding:11px 13px;font-size:9px;font-weight:600;display:flex}.modal-acknowledged{color:#047857;background:#ecfdf5}.modal-not-acknowledged{color:#c2410c;background:#fff7ed}.policy-modal-footer{background:#f8fafc;justify-content:flex-end;gap:9px;padding:16px 22px;display:flex}.modal-close-policy-button,.modal-acknowledge-button{cursor:pointer;border-radius:7px;height:38px;padding:0 14px;font-size:10px;font-weight:600}.modal-close-policy-button{color:#475569;background:#fff;border:1px solid #d7dce4}.modal-acknowledge-button{color:#fff;background:#3864df;border:1px solid #3864df}@media (width<=1100px){.policies-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.policies-page-header h1{font-size:25px}.policies-page-header p{font-size:13px}.policies-summary-grid{grid-template-columns:1fr}.policies-tabs{width:100%;overflow-x:auto}.policies-tabs button{white-space:nowrap}.policies-card-header{padding:18px}.policies-list{padding:0 18px}.policy-item{grid-template-columns:42px 1fr}.policy-actions{grid-column:2;justify-content:flex-start}.handbook-content{padding:30px 18px}.handbook-details{flex-direction:column;width:100%}.handbook-details>div{border-bottom:1px solid #e5e7eb;border-right:none;width:auto}.handbook-details>div:last-child{border-bottom:none}.handbook-actions{flex-direction:column;width:100%}.handbook-view-button,.handbook-download-button{width:100%}.policies-info-card{padding:15px}}@media (width<=480px){.policies-page-header h1{font-size:23px}.policies-card-header h2{font-size:16px}.policy-title-row{flex-direction:column;align-items:flex-start}.policy-meta{flex-direction:column;gap:5px}.policy-modal-meta{grid-template-columns:1fr}.policy-modal-meta>div{border-bottom:1px solid #e5e7eb;border-right:none}.policy-modal-meta>div:last-child{border-bottom:none}.policy-modal-footer{flex-direction:column}.modal-close-policy-button,.modal-acknowledge-button{width:100%}}.notifications-page{width:100%;max-width:1335px;margin:0 auto}.notifications-page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px;display:flex}.mark-all-button{color:#3864df;cursor:pointer;background:#fff;border:1px solid #d7dce4;border-radius:7px;height:37px;padding:0 13px;font-size:10px;font-weight:600}.mark-all-button:hover{background:#edf3ff}.mark-all-button:disabled{opacity:.55;cursor:not-allowed}.notifications-summary-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.notification-summary-card{background:#fff;border:1px solid #e4e8ef;border-radius:11px;align-items:center;gap:13px;min-height:90px;padding:17px 18px;display:flex}.notification-summary-icon.blue{color:#3565dc;background:#edf3ff}.notification-summary-icon.orange{color:#ea580c;background:#fff7ed}.notification-summary-icon.green{color:#047857;background:#ecfdf5}.notification-summary-icon.purple{color:#7c3aed;background:#f4f0ff}.notification-summary-card strong{color:#111827;font-size:21px;font-weight:600}.notification-filters{background:#f1f5f9;border-radius:9px;gap:4px;width:fit-content;margin-bottom:20px;padding:5px;display:flex}.notification-filters button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:10px;font-weight:600;display:flex}.notification-filters button:hover{color:#3864df}.notification-filters button.active{color:#3864df;background:#fff;box-shadow:0 1px 4px #0f172a14}.notification-filters button span{color:#64748b;background:#e2e8f0;border-radius:10px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:8px;display:flex}.notification-filters button.active span{color:#3864df;background:#edf3ff}.notifications-card{background:#fff;border:1px solid #e4e8ef;border-radius:11px;margin-bottom:20px;overflow:hidden}.notifications-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:82px;padding:19px 26px;display:flex}.notifications-card-header h2{color:#111827;margin:0 0 5px;font-size:18px;font-weight:600}.notifications-card-header p{color:#94a3b8;margin:0;font-size:12px}.notification-count{color:#64748b;background:#f1f5f9;border-radius:6px;padding:6px 9px;font-size:9px}.notification-list{padding:0 26px}.notification-item{border-bottom:1px solid #f1f5f9;grid-template-columns:42px 1fr auto;align-items:flex-start;gap:15px;padding:19px 0;display:grid}.notification-item.unread{background:#fafcff;margin-left:-26px;margin-right:-26px;padding-left:26px;padding-right:26px}.notification-icon{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.notification-icon.leave{color:#047857;background:#ecfdf5}.notification-icon.hr{color:#3864df;background:#edf3ff}.notification-icon.alert{color:#ea580c;background:#fff7ed}.notification-content{min-width:0}.notification-content>p{color:#64748b;max-width:750px;margin:0 0 9px;font-size:10px;line-height:1.6}.notification-meta{align-items:center;gap:15px;display:flex}.notification-meta span{color:#a1aab7;font-size:9px}.notification-meta span:first-child{color:#64748b;font-weight:600}.notification-actions{align-items:center;gap:8px;display:flex}.read-button{color:#3864df;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d7dce4;border-radius:6px;height:30px;padding:0 10px;font-size:9px;font-weight:600}.read-button:hover{background:#edf3ff}.read-button:disabled,.delete-notification-button:disabled{opacity:.55;cursor:not-allowed}.delete-notification-button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;width:28px;height:28px;font-size:17px}.delete-notification-button:hover{color:#dc2626;background:#fef2f2}.notification-empty{text-align:center;padding:60px 20px}.notification-empty>div{color:#047857;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 13px;font-size:19px;font-weight:700;display:flex}.notification-empty h3{color:#374151;margin:0 0 6px;font-size:14px}.notification-empty p{color:#94a3b8;margin:0;font-size:10px}.notifications-info-card{background:#eff6ff;border:1px solid #dbeafe;border-radius:11px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:17px 20px;display:flex}.notifications-info-icon{color:#2563eb;font-size:17px;line-height:1}.notifications-info-card h3{color:#1e3a8a;margin:0 0 5px;font-size:12px;font-weight:600}.notifications-info-card p{color:#475569;margin:0;font-size:10px;line-height:1.6}@media (width<=1100px){.notifications-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.notifications-page-header{flex-direction:column}.mark-all-button{width:100%}.notifications-page-header h1{font-size:25px}.notifications-page-header p{font-size:13px}.notifications-summary-grid{grid-template-columns:1fr}.notification-filters{width:100%;overflow-x:auto}.notification-filters button{flex-shrink:0}.notifications-card-header{flex-direction:column;align-items:flex-start;gap:10px;padding:18px}.notification-list{padding:0 18px}.notification-item,.notification-item.unread{grid-template-columns:42px 1fr;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.notification-actions{grid-column:2;justify-content:flex-start}.notifications-info-card{padding:15px}}@media (width<=480px){.notifications-page-header h1{font-size:23px}.notifications-card-header h2{font-size:16px}.notifications-card-header p{font-size:11px}.notification-item{gap:11px}.notification-title-row h3{font-size:12px}}.manager-dashboard{width:100%}.manager-dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.manager-dashboard-header h1{color:#111827;margin:0 0 7px;font-size:30px}.manager-dashboard-header p{color:#64748b;margin:0;font-size:14px}.manager-dashboard-date{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.manager-dashboard-date span{color:#94a3b8;font-size:11px}.manager-dashboard-date strong{color:#334155;font-size:13px}.manager-summary-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px;display:grid}.manager-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:15px;padding:20px;display:flex}.summary-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:18px;font-weight:700;display:flex}.summary-card-icon.employees{background:#edf3ff}.summary-card-icon.present{color:#047857;background:#ecfdf5}.summary-card-icon.leave{color:#ea580c;background:#fff7ed}.summary-card-icon.expense{color:#7c3aed;background:#f5f3ff}.summary-card-content{flex-direction:column;display:flex}.summary-card-content>span{color:#64748b;margin-bottom:4px;font-size:11px}.summary-card-content>strong{color:#111827;margin-bottom:5px;font-size:25px;line-height:1.2}.summary-card-content small{color:#94a3b8;font-size:9px}.summary-card-content small.positive{color:#059669}.manager-section-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:22px;overflow:hidden}.manager-section-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:76px;padding:17px 20px;display:flex}.manager-section-header h2{color:#111827;margin:0 0 4px;font-size:16px}.manager-section-header p{color:#94a3b8;margin:0;font-size:10px}.manager-quick-actions{grid-template-columns:repeat(4,1fr);gap:12px;padding:18px;display:grid}.manager-quick-actions button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;flex-direction:column;gap:5px;padding:15px;transition:all .2s;display:flex}.manager-quick-actions button:hover{background:#f8faff;border-color:#3864df}.manager-quick-actions button>span{color:#3864df;background:#edf3ff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:5px;display:flex}.manager-quick-actions strong{color:#334155;font-size:11px}.manager-quick-actions small{color:#94a3b8;font-size:9px}.view-team-button{color:#3864df;cursor:pointer;background:#fff;border:1px solid #d8e0ed;border-radius:7px;padding:7px 12px;font-size:10px}.view-team-button:hover{background:#f1f5ff}.manager-team-table-wrapper{overflow-x:auto}.manager-team-table{border-collapse:collapse;width:100%}.manager-team-table th{color:#64748b;text-align:left;white-space:nowrap;background:#f8fafc;padding:12px 20px;font-size:9px;font-weight:600}.manager-team-table td{color:#64748b;white-space:nowrap;border-top:1px solid #edf0f4;padding:14px 20px;font-size:10px}.employee-table-user{align-items:center;gap:10px;display:flex}.employee-table-user strong{color:#334155;font-size:10px}.employee-table-avatar{color:#1d2b5c;background:#dce7ff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:9px;font-weight:700;display:flex}.attendance-badge{border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:600;display:inline-flex}.attendance-badge.present{color:#047857;background:#ecfdf5}.attendance-badge.on-leave{color:#c2410c;background:#fff7ed}.attendance-badge.absent{color:#b91c1c;background:#fef2f2}.status-dot{font-size:7px}.employee-status{font-size:9px;font-weight:600}.employee-status.active{color:#059669}.employee-status.on-leave{color:#ea580c}.manager-bottom-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.manager-bottom-grid .manager-section-card{margin-bottom:0}.attendance-summary{text-align:center;grid-template-columns:repeat(3,1fr);padding:25px 20px;display:grid}.attendance-summary-item{flex-direction:column;align-items:center;gap:7px;display:flex}.attendance-summary-number{font-size:27px;font-weight:700}.attendance-summary-item span{color:#64748b;font-size:10px}.present-number{color:#059669}.absent-number{color:#dc2626}.leave-number{color:#ea580c}.pending-approval-list{padding:8px 20px 15px}.pending-approval-item{border-bottom:1px solid #edf0f4;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.pending-approval-item:last-child{border-bottom:none}.approval-icon{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:flex}.approval-icon.leave{color:#ea580c;background:#fff7ed}.approval-icon.expense{color:#7c3aed;background:#f5f3ff}.pending-approval-item>div:nth-child(2){flex-direction:column;gap:4px;display:flex}.pending-approval-item strong{color:#334155;font-size:10px}.pending-approval-item span{color:#94a3b8;font-size:9px}.pending-approval-item button{color:#3864df;cursor:pointer;background:#fff;border:1px solid #d8e0ed;border-radius:6px;padding:6px 10px;font-size:9px}.pending-approval-item button:hover{background:#f1f5ff}@media (width<=1100px){.manager-summary-grid,.manager-quick-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.manager-dashboard-header{flex-direction:column;gap:12px}.manager-dashboard-date{align-items:flex-start}.manager-summary-grid,.manager-bottom-grid,.manager-quick-actions{grid-template-columns:1fr}}.manager-team-page{width:100%}.manager-team-header{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.manager-team-header h1{color:#111827;margin:0 0 7px;font-size:30px}.manager-team-header p{color:#64748b;margin:0;font-size:14px}.team-summary-grid{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px;display:grid}.team-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:11px;align-items:center;gap:13px;padding:18px;display:flex}.team-summary-icon{border-radius:9px;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:flex}.team-summary-icon.employees{background:#edf3ff}.team-summary-icon.present{color:#047857;background:#ecfdf5}.team-summary-icon.leave{color:#ea580c;background:#fff7ed}.team-summary-icon.absent{color:#dc2626;background:#fef2f2}.team-summary-card>div:last-child{flex-direction:column;gap:4px;display:flex}.team-summary-card span{color:#64748b;font-size:10px}.team-summary-card strong{color:#111827;font-size:23px}.team-main-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.team-tabs{border-bottom:1px solid #edf0f4;padding:0 20px;display:flex}.team-tab{color:#64748b;cursor:pointer;background:0 0;border:none;padding:17px 15px;font-size:10px;font-weight:600;position:relative}.team-tab:first-child{padding-left:0}.team-tab.active{color:#3864df}.team-tab.active:after{content:"";background:#3864df;height:2px;position:absolute;bottom:-1px;left:0;right:0}.team-content-header{justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:17px 20px;display:flex}.team-content-header h2{color:#111827;margin:0 0 4px;font-size:16px}.team-content-header p{color:#94a3b8;margin:0;font-size:9px}.team-filters{align-items:center;gap:9px;display:flex}.team-search{border:1px solid #dce2eb;border-radius:7px;align-items:center;gap:7px;width:210px;height:36px;padding:0 10px;display:flex}.team-search span{opacity:.6;font-size:11px}.team-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;font-size:10px}.team-search input::placeholder{color:#a0aab8}.team-filters select{color:#475569;background:#fff;border:1px solid #dce2eb;border-radius:7px;outline:none;height:36px;padding:0 9px;font-size:10px}.team-table-wrapper{width:100%;overflow-x:auto}.team-table{border-collapse:collapse;width:100%;min-width:900px}.team-table th{color:#64748b;text-align:left;white-space:nowrap;background:#f8fafc;padding:12px 18px;font-size:9px;font-weight:600}.team-table td{color:#64748b;white-space:nowrap;border-top:1px solid #edf0f4;padding:13px 18px;font-size:10px}.team-table tbody tr:hover{background:#fafcff}.team-employee{align-items:center;gap:10px;display:flex}.team-employee-avatar{color:#1d2b5c;background:#dce7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:9px;font-weight:700;display:flex}.team-employee-info{flex-direction:column;gap:3px;display:flex}.team-employee-info strong{color:#334155;font-size:10px}.team-employee-info span{color:#94a3b8;font-size:8px}.employee-id{color:#64748b;font-family:monospace;font-size:9px}.team-status{font-size:9px;font-weight:600}.team-status.active{color:#059669}.team-status.on-leave{color:#ea580c}.view-employee-button{color:#3864df;cursor:pointer;background:#fff;border:1px solid #d8e0ed;border-radius:6px;padding:6px 11px;font-size:9px}.view-employee-button:hover{background:#f1f5ff;border-color:#3864df}.attendance-date{color:#475569;border:1px solid #dce2eb;border-radius:7px;padding:9px 12px;font-size:9px}.attendance-overview{background:#fafcff;border:1px solid #e5e7eb;border-radius:9px;margin:0 20px 18px;padding:16px}.attendance-overview-left{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.attendance-overview-left span{color:#64748b;font-size:10px}.attendance-overview-left strong{color:#111827;font-size:18px}.attendance-progress-bar{background:#3864df;border-radius:10px;height:100%;transition:width .3s}.attendance-progress-text{color:#94a3b8;margin-top:7px;font-size:8px;display:block}.time-value{color:#334155;font-weight:600}.no-time{color:#cbd5e1}.working-hours{color:#334155;font-size:10px}.office-location{color:#047857;font-size:9px;font-weight:600}.attendance-status.on-leave{color:#c2410c;background:#fff7ed}.attendance-info-box{background:#f8faff;border:1px solid #dce6ff;border-radius:9px;align-items:flex-start;gap:11px;margin:18px 20px;padding:15px 18px;display:flex}.attendance-info-icon{color:#fff;background:#3864df;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.attendance-info-box strong{color:#334155;margin-bottom:4px;font-size:10px;display:block}.attendance-info-box p{color:#64748b;margin:0;font-size:9px;line-height:1.5}.team-no-results{text-align:center;height:150px;color:#94a3b8!important}@media (width<=1100px){.team-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.manager-team-header{flex-direction:column;gap:15px}.team-summary-grid{grid-template-columns:1fr}.team-content-header{flex-direction:column;align-items:flex-start}.team-filters{width:100%}.team-search{flex:1}.attendance-date{width:100%}}.manager-coming-soon-page{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:40px 20px;display:flex}.manager-coming-soon-card{text-align:center;background:#fff;border:1px solid #e5e9f2;border-radius:14px;flex-direction:column;align-items:center;gap:10px;max-width:440px;padding:40px 32px;display:flex;box-shadow:0 1px 2px #0f172a0a}.manager-coming-soon-icon{margin-bottom:4px;font-size:34px}.manager-coming-soon-badge{color:#92400e;letter-spacing:.3px;text-transform:uppercase;background:#fef3c7;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.manager-coming-soon-card h1{color:#111827;margin:6px 0 0;font-size:19px}.manager-coming-soon-card p{color:#64748b;margin:0;font-size:13px;line-height:1.6}.verification-status{white-space:nowrap;align-items:center;gap:5px;font-size:10px;font-weight:600;display:inline-flex}.verification-status.verified{color:#047857}.verification-status.failed{color:#dc2626}.verification-status.not-required{color:#94a3b8}.attendance-details-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.attendance-details-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:88vh;overflow-y:auto;box-shadow:0 25px 70px #0003}.attendance-details-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:20px;padding:20px 22px;display:flex}.attendance-details-header h2{color:#111827;margin:0 0 5px;font-size:16px}.attendance-details-header p{color:#94a3b8;margin:0;font-size:11px}.attendance-details-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;width:30px;height:30px;font-size:20px}.attendance-details-close:focus-visible{outline-offset:2px;outline:2px solid #3864df}.attendance-details-body{padding:22px}.attendance-details-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.attendance-details-grid div{flex-direction:column;gap:5px;display:flex}.attendance-details-grid span{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:700}.attendance-details-grid strong{color:#1f2937;font-size:13px}.attendance-details-section-title{color:#334155;margin-bottom:10px;font-size:11px;display:block}.attendance-details-verification{border-top:1px solid #edf0f4;padding-top:16px}.attendance-details-verification-row{justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.attendance-details-verification-row span{color:#64748b;font-size:11px}.attendance-details-verification-row strong{color:#1f2937;font-size:11px}@media (width<=480px){.attendance-details-grid{grid-template-columns:1fr}}.attendance-insights-card{background:#fff;border:1px solid #e4e8ef;border-radius:12px;padding:20px 22px 22px}.attendance-insights-card h2{color:#111827;margin:0 0 14px;font-size:16px}.attendance-insights-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.attendance-insight-item{color:#374151;background:#f8fafc;border-radius:9px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.attendance-insight-item.positive{color:#065f46;background:#ecfdf5}.attendance-insight-item.warning{color:#9a3412;background:#fff7ed}.attendance-insight-item.info{color:#1e40af;background:#eff6ff}.attendance-insights-empty{color:#94a3b8;margin:0;font-size:11px}.manager-attendance-page{width:100%}.attendance-card-header{border-bottom:1px solid #edf0f4;padding:19px 22px}.attendance-verification-stack{flex-direction:column;gap:3px;display:flex}.attendance-edit-button{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;height:30px;padding:0 12px;font-size:10px;font-weight:600}.attendance-edit-button:hover{background:#fee2e2}.attendance-success-banner{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9px;margin-bottom:16px;padding:12px 16px;font-size:12px;font-weight:600}@media (width<=1100px){.attendance-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.attendance-summary-grid{grid-template-columns:1fr}.attendance-filter-bar{flex-direction:column}.attendance-filter-bar input,.attendance-filter-bar select{width:100%}}.edit-attendance-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.edit-attendance-modal{background:#fff;border-radius:12px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 70px #0003}.edit-attendance-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:20px;padding:20px 22px;display:flex}.edit-attendance-header h2{color:#111827;margin:0 0 5px;font-size:16px}.edit-attendance-header p{color:#94a3b8;margin:0;font-size:11px}.edit-attendance-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;width:30px;height:30px;font-size:20px}.edit-attendance-form{flex-direction:column;gap:16px;padding:22px;display:flex}.edit-attendance-readonly-grid{background:#f8fafc;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;display:grid}.edit-attendance-readonly-grid div{flex-direction:column;gap:4px;display:flex}.edit-attendance-readonly-grid span{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:700}.edit-attendance-readonly-grid strong{color:#1f2937;font-size:12px}.edit-attendance-time-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.edit-attendance-field{flex-direction:column;gap:6px;display:flex}.edit-attendance-field label{color:#374151;font-size:11px;font-weight:600}.edit-attendance-field label span{color:#dc2626;margin-left:3px}.edit-attendance-field input,.edit-attendance-field textarea{box-sizing:border-box;color:#374151;background:#fff;border:1px solid #d7dce4;border-radius:7px;outline:none;width:100%;padding:9px 11px;font-family:inherit;font-size:12px}.edit-attendance-field input:focus,.edit-attendance-field textarea:focus{border-color:#3864df}.edit-attendance-total-hours{background:#eff6ff;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.edit-attendance-total-hours span{color:#1e3a8a;font-size:11px;font-weight:600}.edit-attendance-total-hours strong{color:#1e3a8a;font-size:14px}.edit-attendance-error{color:#dc2626;margin:0;font-size:11px}.edit-attendance-actions{justify-content:flex-end;gap:10px;display:flex}.edit-attendance-actions button{cursor:pointer;border-radius:7px;height:38px;padding:0 16px;font-size:11px;font-weight:600}.edit-attendance-cancel{color:#475569;background:#fff;border:1px solid #d7dce4}.edit-attendance-save{color:#fff;background:#3864df;border:1px solid #3864df}.edit-attendance-save:disabled{opacity:.65;cursor:not-allowed}@media (width<=480px){.edit-attendance-readonly-grid,.edit-attendance-time-grid{grid-template-columns:1fr}}.attendance-history-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.attendance-history-modal-dialog{background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:88vh;overflow-y:auto;box-shadow:0 25px 70px #0003}.attendance-history-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:20px;padding:20px 22px;display:flex}.attendance-history-modal-header h2{color:#111827;margin:0 0 5px;font-size:16px}.attendance-history-modal-header p{color:#94a3b8;margin:0;font-size:11px}.attendance-history-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;width:30px;height:30px;font-size:20px}.attendance-history-modal-body{flex-direction:column;gap:16px;padding:22px;display:flex}.attendance-history-modal-empty{text-align:center;color:#94a3b8;margin:0;padding:20px 0;font-size:12px}.attendance-history-entry{background:#f8fafc;border:1px solid #e4e8ef;border-radius:9px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.attendance-history-entry-date{color:#1f2937;font-size:12px;font-weight:700}.attendance-history-entry-change{align-items:baseline;gap:6px;font-size:11px;display:flex}.attendance-history-entry-change span{color:#64748b}.attendance-history-entry-change strong{color:#1e3a8a}.attendance-history-entry-reason span{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;font-size:9px;font-weight:700;display:block}.attendance-history-entry-reason p{color:#374151;margin:0;font-size:11px;line-height:1.5}.attendance-history-entry-meta{color:#94a3b8;border-top:1px solid #e5e7eb;justify-content:space-between;gap:10px;padding-top:8px;font-size:10px;display:flex}.attendance-history-entry-meta strong{color:#475569}.correction-list-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;margin-bottom:16px;padding:12px 16px;font-size:12px}.correction-list-actions{justify-content:flex-end;gap:10px;display:flex}.correction-list-actions button{cursor:pointer;border-radius:7px;height:34px;padding:0 16px;font-size:11px;font-weight:600}.correction-list-actions button:disabled{opacity:.65;cursor:not-allowed}.correction-reject-button{color:#dc2626;background:#fff;border:1px solid #fecaca}.correction-approve-button{color:#fff;background:#3864df;border:1px solid #3864df}.leave-approval-table-wrapper{width:100%;overflow-x:auto}.leave-approval-table{border-collapse:collapse;width:100%;min-width:1180px}.leave-approval-table th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#f8fafc;padding:12px 18px;font-size:9px;font-weight:700}.leave-approval-table td{color:#64748b;vertical-align:middle;white-space:nowrap;border-top:1px solid #edf0f4;padding:13px 18px;font-size:10px}.leave-approval-table tbody tr:hover{background:#fafcff}.leave-approval-employee{align-items:center;gap:10px;display:flex}.leave-approval-avatar{color:#1d2b5c;background:#dce7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:9px;font-weight:700;display:flex}.leave-approval-employee-info{flex-direction:column;gap:3px;display:flex}.leave-approval-employee-info strong{color:#334155;font-size:10px}.leave-approval-employee-info span{color:#94a3b8;font-size:8px}.leave-approval-type{color:#334155;font-size:9px;font-weight:600}.leave-approval-period{flex-direction:column;gap:3px;display:flex}.leave-approval-period strong{color:#334155;font-size:9px}.leave-approval-period span{color:#94a3b8;font-size:8px}.leave-approval-reason{color:#64748b;white-space:normal;max-width:220px;font-size:9px;display:block}.leave-approval-role-text{color:#334155;font-size:9px;font-weight:600}.leave-approval-track-button{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;height:30px;padding:0 11px;font-size:9px;font-weight:600}.leave-approval-track-button:hover{background:#dbeafe}.leave-approval-actions{gap:6px;display:flex}.leave-approve-button,.leave-reject-button{cursor:pointer;border-radius:6px;padding:7px 11px;font-size:9px;font-weight:600}.leave-approve-button{color:#047857;background:#ecfdf5;border:1px solid #b7ead2}.leave-approve-button:hover{background:#d1fae5}.leave-reject-button{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.leave-reject-button:hover{background:#fee2e2}.leave-approval-empty{text-align:center;white-space:normal;height:150px;color:#94a3b8!important}.manager-leave-page{width:100%}.manager-leave-header{margin-bottom:25px}.manager-leave-header h1{color:#111827;margin:0 0 7px;font-size:30px}.manager-leave-header p{color:#64748b;margin:0;font-size:14px}.leave-main-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.leave-tabs{border-bottom:1px solid #edf0f4;padding:0 20px;display:flex}.leave-tab{color:#64748b;cursor:pointer;background:0 0;border:none;padding:17px 15px;font-size:10px;font-weight:600;position:relative}.leave-tab:first-child{padding-left:0}.leave-tab.active{color:#3864df}.leave-tab.active:after{content:"";background:#3864df;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-count{color:#3864df;background:#edf3ff;border-radius:20px;margin-left:6px;padding:3px 6px;font-size:8px}.leave-content-header{padding:19px 20px}.leave-content-header h2{color:#111827;margin:0 0 4px;font-size:16px}.leave-content-header p{color:#94a3b8;margin:0;font-size:9px}.leave-info-box{background:#f8faff;border:1px solid #dce6ff;border-radius:9px;align-items:flex-start;gap:11px;margin:18px 20px;padding:15px 18px;display:flex}.leave-info-icon{color:#fff;background:#3864df;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.leave-info-box strong{color:#334155;margin-bottom:4px;font-size:10px;display:block}.leave-info-box p{color:#64748b;margin:0;font-size:9px;line-height:1.5}@media (width<=1100px){.leave-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.leave-summary-grid{grid-template-columns:1fr}}.manager-timesheets-page{width:100%}.manager-timesheets-header{margin-bottom:25px}.manager-timesheets-header h1{color:#111827;margin:0 0 7px;font-size:30px}.manager-timesheets-header p{color:#64748b;margin:0;font-size:14px}.timesheet-summary-grid{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px;display:grid}.timesheet-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:11px;align-items:center;gap:13px;padding:18px;display:flex}.timesheet-summary-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:flex}.timesheet-summary-icon.total{color:#3864df;background:#edf3ff}.timesheet-summary-icon.submitted{color:#ea580c;background:#fff7ed}.timesheet-summary-icon.approved{color:#047857;background:#ecfdf5}.timesheet-summary-icon.pending{color:#dc2626;background:#fef2f2}.timesheet-summary-card>div:last-child{flex-direction:column;gap:4px;display:flex}.timesheet-summary-card span{color:#64748b;font-size:10px}.timesheet-summary-card strong{color:#111827;font-size:23px}.timesheets-main-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.timesheets-tabs{border-bottom:1px solid #edf0f4;padding:0 20px;display:flex}.timesheet-tab{color:#64748b;cursor:pointer;background:0 0;border:none;padding:17px 15px;font-size:10px;font-weight:600;position:relative}.timesheet-tab:first-child{padding-left:0}.timesheet-tab.active{color:#3864df}.timesheet-tab.active:after{content:"";background:#3864df;height:2px;position:absolute;bottom:-1px;left:0;right:0}.timesheet-tab span{color:#3864df;background:#edf3ff;border-radius:20px;margin-left:6px;padding:3px 6px;font-size:8px}.timesheets-content-header{justify-content:space-between;align-items:center;gap:20px;padding:19px 20px;display:flex}.timesheets-content-header h2{color:#111827;margin:0 0 4px;font-size:16px}.timesheets-content-header p{color:#94a3b8;margin:0;font-size:9px}.timesheets-search{background:#fff;border:1px solid #dbe2ea;border-radius:8px;align-items:center;gap:8px;width:230px;height:38px;padding:0 11px;display:flex}.timesheets-search span{color:#94a3b8;font-size:17px}.timesheets-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;font-size:10px}.timesheets-search input::placeholder{color:#94a3b8}.timesheets-table-wrapper{width:100%;overflow-x:auto}.timesheets-table{border-collapse:collapse;width:100%;min-width:1150px}.timesheets-table th{color:#64748b;text-align:left;white-space:nowrap;background:#f8fafc;padding:12px 18px;font-size:9px;font-weight:600}.timesheets-table td{color:#64748b;white-space:nowrap;border-top:1px solid #edf0f4;padding:13px 18px;font-size:10px}.timesheets-table tbody tr:hover{background:#fafcff}.timesheet-employee{align-items:center;gap:10px;display:flex}.timesheet-avatar{color:#1d2b5c;background:#dce7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:9px;font-weight:700;display:flex}.timesheet-employee-info{flex-direction:column;gap:3px;display:flex}.timesheet-employee-info strong{color:#334155;font-size:10px}.timesheet-employee-info span{color:#94a3b8;font-size:8px}.timesheet-week{color:#475569;font-size:9px}.hours-regular{color:#334155;font-size:9px;font-weight:600}.hours-overtime{color:#ea580c;font-size:9px;font-weight:600}.hours-total{color:#111827;font-size:10px}.timesheet-submitted{color:#64748b;font-size:9px}.timesheet-status{border-radius:20px;align-items:center;gap:4px;padding:5px 8px;font-size:8px;font-weight:600;display:inline-flex}.timesheet-status.submitted,.timesheet-status.pending{color:#c2410c;background:#fff7ed}.timesheet-status.approved{color:#047857;background:#ecfdf5}.timesheet-status.rejected{color:#b91c1c;background:#fef2f2}.timesheet-actions{align-items:center;gap:5px;display:flex}.view-timesheet-button,.approve-timesheet-button,.reject-timesheet-button{cursor:pointer;border-radius:6px;padding:6px 9px;font-size:8px;font-weight:600}.approve-timesheet-button:disabled,.reject-timesheet-button:disabled{opacity:.55;cursor:not-allowed}.view-timesheet-button{color:#475569;background:#fff;border:1px solid #dbe2ea}.view-timesheet-button:hover{background:#f8fafc}.approve-timesheet-button{color:#047857;background:#ecfdf5;border:1px solid #b7ead2}.approve-timesheet-button:hover{background:#d1fae5}.reject-timesheet-button{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.reject-timesheet-button:hover{background:#fee2e2}.timesheet-info-box{background:#f8faff;border:1px solid #dce6ff;border-radius:9px;align-items:flex-start;gap:11px;margin:18px 20px;padding:15px 18px;display:flex}.timesheet-info-icon{color:#fff;background:#3864df;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.timesheet-info-box strong{color:#334155;margin-bottom:4px;font-size:10px;display:block}.timesheet-info-box p{color:#64748b;margin:0;font-size:9px;line-height:1.5}.timesheet-empty{text-align:center;height:150px;color:#94a3b8!important}@media (width<=1100px){.timesheet-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.timesheet-summary-grid{grid-template-columns:1fr}.timesheets-content-header{flex-direction:column;align-items:flex-start}.timesheets-search{width:100%}}.manager-expenses-page{width:100%}.manager-expenses-header{margin-bottom:25px}.manager-expenses-header h1{color:#111827;margin:0 0 7px;font-size:30px}.manager-expenses-header p{color:#64748b;margin:0;font-size:14px}.expense-summary-grid{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px;display:grid}.expense-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:11px;align-items:center;gap:13px;padding:18px;display:flex}.expense-summary-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:flex}.expense-summary-icon.total{color:#3864df;background:#edf3ff}.expense-summary-icon.pending{color:#ea580c;background:#fff7ed}.expense-summary-icon.approved{color:#047857;background:#ecfdf5}.expense-summary-icon.rejected{color:#dc2626;background:#fef2f2}.expense-summary-card>div:last-child{flex-direction:column;gap:4px;display:flex}.expense-summary-card span{color:#64748b;font-size:10px}.expense-summary-card strong{color:#111827;font-size:23px}.manager-expenses-main-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.manager-expenses-tabs{border-bottom:1px solid #edf0f4;padding:0 20px;display:flex}.manager-expense-tab{color:#64748b;cursor:pointer;background:0 0;border:none;padding:17px 15px;font-size:10px;font-weight:600;position:relative}.manager-expense-tab:first-child{padding-left:0}.manager-expense-tab.active{color:#3864df}.manager-expense-tab.active:after{content:"";background:#3864df;height:2px;position:absolute;bottom:-1px;left:0;right:0}.manager-expense-tab span{color:#3864df;background:#edf3ff;border-radius:20px;margin-left:6px;padding:3px 6px;font-size:8px}.manager-expenses-content-header{justify-content:space-between;align-items:center;gap:20px;padding:19px 20px;display:flex}.manager-expenses-content-header h2{color:#111827;margin:0 0 4px;font-size:16px}.manager-expenses-content-header p{color:#94a3b8;margin:0;font-size:9px}.manager-expenses-search{background:#fff;border:1px solid #dbe2ea;border-radius:8px;align-items:center;gap:8px;width:230px;height:38px;padding:0 11px;display:flex}.manager-expenses-search span{color:#94a3b8;font-size:17px}.manager-expenses-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;font-size:10px}.manager-expenses-search input::placeholder{color:#94a3b8}.manager-expenses-table-wrapper{width:100%;overflow-x:auto}.manager-expenses-table{border-collapse:collapse;width:100%;min-width:1000px}.manager-expenses-table th{color:#64748b;text-align:left;white-space:nowrap;background:#f8fafc;padding:12px 18px;font-size:9px;font-weight:600}.manager-expenses-table td{color:#64748b;white-space:nowrap;border-top:1px solid #edf0f4;padding:13px 18px;font-size:10px}.manager-expenses-table tbody tr:hover{background:#fafcff}.expense-employee{align-items:center;gap:10px;display:flex}.expense-avatar{color:#1d2b5c;background:#dce7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:9px;font-weight:700;display:flex}.expense-employee-info{flex-direction:column;gap:3px;display:flex}.expense-employee-info strong{color:#334155;font-size:10px}.expense-employee-info span{color:#94a3b8;font-size:8px}.expense-date,.expense-category{color:#475569;font-size:9px}.expense-description{text-overflow:ellipsis;white-space:nowrap;color:#64748b;max-width:220px;font-size:9px;overflow:hidden}.expense-amount{color:#111827;font-size:10px;font-weight:600}.manager-expense-status{border-radius:20px;align-items:center;gap:4px;padding:5px 8px;font-size:8px;font-weight:600;display:inline-flex}.manager-expense-status.pending{color:#c2410c;background:#fff7ed}.manager-expense-status.approved{color:#047857;background:#ecfdf5}.manager-expense-status.rejected{color:#b91c1c;background:#fef2f2}.manager-expense-actions{align-items:center;gap:5px;display:flex}.view-expense-button,.approve-expense-button,.reject-expense-button{cursor:pointer;border-radius:6px;padding:6px 9px;font-size:8px;font-weight:600}.approve-expense-button:disabled,.reject-expense-button:disabled{opacity:.55;cursor:not-allowed}.view-expense-button{color:#475569;background:#fff;border:1px solid #dbe2ea}.view-expense-button:hover{background:#f8fafc}.approve-expense-button{color:#047857;background:#ecfdf5;border:1px solid #b7ead2}.approve-expense-button:hover{background:#d1fae5}.reject-expense-button{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.reject-expense-button:hover{background:#fee2e2}.manager-expense-info-box{background:#f8faff;border:1px solid #dce6ff;border-radius:9px;align-items:flex-start;gap:11px;margin:18px 20px;padding:15px 18px;display:flex}.manager-expense-info-icon{color:#fff;background:#3864df;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.manager-expense-info-box strong{color:#334155;margin-bottom:4px;font-size:10px;display:block}.manager-expense-info-box p{color:#64748b;margin:0;font-size:9px;line-height:1.5}.manager-expense-empty{text-align:center;height:150px;color:#94a3b8!important;white-space:normal!important}@media (width<=1100px){.expense-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.expense-summary-grid{grid-template-columns:1fr}.manager-expenses-content-header{flex-direction:column;align-items:flex-start}.manager-expenses-search{width:100%}}.manager-reports-page{width:100%}.manager-reports-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.manager-reports-header h1{color:#111827;margin:0 0 7px;font-size:30px}.manager-reports-header p{color:#64748b;margin:0;font-size:14px}.export-report-button{color:#fff;cursor:pointer;background:#3864df;border:1px solid #3864df;border-radius:8px;padding:10px 16px;font-size:10px;font-weight:600}.export-report-button:hover{opacity:.9}.export-report-button:disabled{opacity:.6;cursor:not-allowed}.reports-export-actions{align-items:center;gap:10px;display:flex}.export-format-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:7px;outline:none;height:38px;padding:0 10px;font-size:10px}.reports-empty-state{color:#64748b;text-align:center;margin:0;padding:30px 18px;font-size:11px}.reports-filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;padding:18px;display:grid}.report-filter-group{flex-direction:column;gap:7px;display:flex}.report-filter-group label{color:#475569;font-size:9px;font-weight:600}.report-filter-group select{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:7px;outline:none;width:100%;height:38px;padding:0 10px;font-size:10px}.report-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:11px;align-items:center;gap:13px;padding:18px;display:flex}.report-summary-icon{border-radius:9px;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.report-summary-icon.employees{color:#3864df;background:#edf3ff}.report-summary-icon.attendance{color:#047857;background:#ecfdf5}.report-summary-icon.hours{color:#ea580c;background:#fff7ed}.report-summary-icon.performance{color:#dc2626;background:#fef2f2}.report-summary-card>div:last-child{flex-direction:column;gap:4px;display:flex}.report-summary-card span{color:#64748b;font-size:10px}.report-summary-card strong{color:#111827;font-size:22px}.reports-main-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.reports-card-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:20px;padding:19px 20px;display:flex}.reports-card-header h2{color:#111827;margin:0 0 4px;font-size:16px}.reports-card-header p{color:#94a3b8;margin:0;font-size:9px}.report-period{color:#3864df;background:#edf3ff;border-radius:6px;padding:6px 10px;font-size:8px;font-weight:600}.reports-table-wrapper{width:100%;overflow-x:auto}.reports-table{border-collapse:collapse;width:100%;min-width:850px}.reports-table th{color:#64748b;text-align:left;white-space:nowrap;background:#f8fafc;padding:12px 18px;font-size:9px;font-weight:600}.reports-table td{color:#64748b;white-space:nowrap;border-top:1px solid #edf0f4;padding:14px 18px;font-size:10px}.reports-table tbody tr:hover{background:#fafcff}.report-employee{font-weight:600;color:#334155!important}.reports-footer{color:#94a3b8;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:14px 20px;font-size:9px;display:flex}@media (width<=1100px){.reports-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.reports-filter-card{grid-template-columns:1fr}.manager-reports-header{flex-direction:column;align-items:flex-start;gap:15px}}@media (width<=600px){.reports-summary-grid{grid-template-columns:1fr}.reports-footer{flex-direction:column;align-items:flex-start;gap:6px}}.manager-notifications-page{width:100%}.manager-notifications-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.manager-notifications-header h1{color:#111827;margin:0 0 7px;font-size:30px}.manager-notifications-header p{color:#64748b;margin:0;font-size:14px}.mark-all-read-button{color:#3864df;cursor:pointer;background:#edf3ff;border:1px solid #c7d6ff;border-radius:7px;padding:9px 14px;font-size:9px;font-weight:600}.mark-all-read-button:hover{background:#dce7ff}.notification-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:11px;align-items:center;gap:13px;width:230px;margin-bottom:20px;padding:17px 18px;display:flex}.notification-summary-icon{background:#edf3ff;border-radius:9px;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex}.notification-summary-card>div:last-child{flex-direction:column;gap:4px;display:flex}.notification-summary-card span{color:#64748b;font-size:10px}.notification-summary-card strong{color:#111827;font-size:23px}.notifications-main-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.notification-tabs{border-bottom:1px solid #edf0f4;padding:0 20px;display:flex}.notification-tab{color:#64748b;cursor:pointer;background:0 0;border:none;padding:17px 15px;font-size:10px;font-weight:600;position:relative}.notification-tab:first-child{padding-left:0}.notification-tab.active{color:#3864df}.notification-tab.active:after{content:"";background:#3864df;height:2px;position:absolute;bottom:-1px;left:0;right:0}.notification-tab span{color:#3864df;background:#edf3ff;border-radius:20px;margin-left:6px;padding:3px 6px;font-size:8px}.notification-list{width:100%}.notification-item{border-bottom:1px solid #edf0f4;align-items:center;gap:13px;min-height:88px;padding:16px 20px;transition:background .2s;display:flex}.notification-item.unread{background:#f8faff}.notification-item-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.notification-item-icon.leave{color:#ea580c;background:#fff7ed}.notification-item-icon.timesheet{color:#3864df;background:#edf3ff}.notification-item-icon.expense{color:#047857;background:#ecfdf5}.notification-item-icon.performance{color:#7c3aed;background:#f5f3ff}.notification-item-icon.document{color:#dc2626;background:#fef2f2}.notification-title-row strong{color:#334155;font-size:10px}.notification-time{color:#94a3b8;font-size:8px}.unread-dot{background:#3864df;border-radius:50%;width:6px;height:6px}.notification-read-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:6px;flex-shrink:0;padding:6px 9px;font-size:8px;font-weight:600}.notification-read-button:hover{background:#f8fafc}.notifications-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;display:flex}.notifications-empty-icon{color:#047857;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin-bottom:12px;font-size:18px;font-weight:700;display:flex}.notifications-empty h3{color:#334155;margin:0 0 5px;font-size:13px}.notifications-empty p{color:#94a3b8;margin:0;font-size:9px}@media (width<=700px){.manager-notifications-header{flex-direction:column;align-items:flex-start;gap:15px}.notification-summary-card{width:auto}.notification-item{align-items:flex-start}.notification-read-button{display:none}}.hr-dashboard{width:100%}.hr-dashboard-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.hr-dashboard-header h1{color:#111827;margin:0 0 6px;font-size:30px;font-weight:700}.hr-dashboard-header p{color:#64748b;margin:0;font-size:13px}.hr-add-employee-button{color:#fff;cursor:pointer;background:#4169e1;border:none;border-radius:7px;padding:11px 17px;font-size:11px;font-weight:600}.hr-add-employee-button:hover{background:#3158d2}.hr-summary-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px;display:grid}.hr-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:11px;align-items:center;gap:13px;min-height:105px;padding:17px;display:flex}.hr-summary-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:18px;font-weight:700;display:flex}.hr-summary-icon.employees{color:#4169e1;background:#edf3ff}.hr-summary-icon.present{color:#047857;background:#ecfdf5}.hr-summary-icon.leave{color:#ea580c;background:#fff7ed}.hr-summary-icon.absent{color:#dc2626;background:#fef2f2}.hr-summary-content{flex-direction:column;gap:3px;display:flex}.hr-summary-content span{color:#64748b;font-size:10px}.hr-summary-content strong{color:#111827;font-size:24px}.hr-summary-content small{color:#94a3b8;font-size:8px}.hr-secondary-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px;display:grid}.hr-secondary-card{background:#fff;border:1px solid #e5e7eb;border-radius:11px;padding:20px}.hr-card-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.hr-card-header h3{color:#334155;margin:0 0 4px;font-size:13px}.hr-card-header p{color:#94a3b8;margin:0;font-size:9px}.hr-card-number{color:#4169e1;background:#edf3ff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.hr-department-list{flex-direction:column;display:flex}.hr-department-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;min-height:35px;display:flex}.hr-department-row:last-child{border-bottom:none}.hr-department-row span{color:#64748b;font-size:10px}.hr-department-row strong{color:#334155;font-size:10px}.hr-action-list{flex-direction:column;gap:10px;display:flex}.hr-action-row{border:1px solid #f1f5f9;border-radius:7px;align-items:center;gap:10px;min-height:47px;padding:7px;display:flex}.hr-action-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;font-size:13px;display:flex}.hr-action-icon.leave{color:#ea580c;background:#fff7ed}.hr-action-icon.document{color:#dc2626;background:#fef2f2}.hr-action-icon.onboarding{color:#047857;background:#ecfdf5}.hr-action-row>div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.hr-action-row strong{color:#334155;font-size:9px}.hr-action-row span{color:#94a3b8;font-size:8px}.hr-action-row button{color:#4169e1;cursor:pointer;background:#fff;border:1px solid #dbe3f0;border-radius:5px;padding:6px 10px;font-size:8px}.hr-main-card{background:#fff;border:1px solid #e5e7eb;border-radius:11px;overflow:hidden}.hr-dashboard-tabs{border-bottom:1px solid #edf0f4;padding:0 20px;display:flex}.hr-dashboard-tab{color:#64748b;cursor:pointer;background:0 0;border:none;padding:15px 14px;font-size:10px;font-weight:600;position:relative}.hr-dashboard-tab:first-child{padding-left:0}.hr-dashboard-tab.active{color:#4169e1}.hr-dashboard-tab.active:after{content:"";background:#4169e1;height:2px;position:absolute;bottom:-1px;left:0;right:0}.hr-table-header{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.hr-table-header h3{color:#334155;margin:0 0 4px;font-size:13px}.hr-table-header p{color:#94a3b8;margin:0;font-size:9px}.hr-table-header button{color:#4169e1;cursor:pointer;background:#fff;border:1px solid #dbe3f0;border-radius:6px;padding:7px 11px;font-size:8px;font-weight:600}.hr-table-wrapper{width:100%;overflow-x:auto}.hr-table-wrapper table{border-collapse:collapse;width:100%}.hr-table-wrapper th{color:#64748b;text-align:left;white-space:nowrap;background:#f8fafc;padding:11px 20px;font-size:8px;font-weight:600}.hr-table-wrapper td{color:#64748b;white-space:nowrap;border-top:1px solid #edf0f4;padding:13px 20px;font-size:9px}.hr-table-wrapper tbody tr:hover{background:#fafcff}.hr-employee-cell{align-items:center;gap:10px;display:flex}.hr-employee-avatar{color:#4169e1;background:#dce7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;font-size:8px;font-weight:700;display:flex}.hr-employee-cell>div:last-child{flex-direction:column;gap:3px;display:flex}.hr-employee-cell strong{color:#334155;font-size:9px}.hr-employee-cell span{color:#94a3b8;font-size:7px}.hr-status{border-radius:20px;align-items:center;padding:4px 7px;font-size:7px;font-weight:600;display:inline-flex}.hr-status.active{color:#047857;background:#ecfdf5}.hr-status.leave{color:#ea580c;background:#fff7ed}.hr-status.pending{color:#c2410c;background:#fff7ed}.hr-status.approved{color:#047857;background:#ecfdf5}.hr-request-name{color:#334155;font-size:9px}.hr-view-button{color:#4169e1;cursor:pointer;background:#fff;border:1px solid #dbe3f0;border-radius:5px;padding:5px 9px;font-size:8px}@media (width<=1100px){.hr-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.hr-secondary-grid{grid-template-columns:1fr}}@media (width<=600px){.hr-dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.hr-summary-grid{grid-template-columns:1fr}.hr-dashboard-header h1{font-size:24px}}.hr-employees-page{width:100%}.hr-employees-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.hr-employees-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700}.hr-employees-header p{color:#64748b;margin:0;font-size:13px}.add-employee-button{color:#fff;cursor:pointer;background:#4169e1;border:none;border-radius:7px;padding:10px 16px;font-size:11px;font-weight:600}.add-employee-button:hover{background:#3158d2}.employee-summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.employee-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:7px;padding:17px;display:flex}.employee-summary-card span{color:#64748b;font-size:10px}.employee-summary-card strong{color:#111827;font-size:24px}.employees-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.employees-filters{border-bottom:1px solid #edf0f4;align-items:center;gap:12px;padding:17px 20px;display:flex}.employee-search{background:#fff;border:1px solid #dbe3f0;border-radius:6px;flex:1;align-items:center;gap:8px;max-width:400px;height:36px;padding:0 11px;display:flex}.employee-search span{color:#94a3b8;font-size:16px}.employee-search input{color:#334155;border:none;outline:none;width:100%;font-size:10px}.employee-search input::placeholder{color:#94a3b8}.employees-filters select{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dbe3f0;border-radius:6px;outline:none;height:36px;padding:0 28px 0 10px;font-size:9px}.employees-table-wrapper{width:100%;overflow-x:auto}.employees-table{border-collapse:collapse;width:100%;min-width:900px}.employees-table th{color:#64748b;text-align:left;white-space:nowrap;background:#f8fafc;padding:12px 20px;font-size:8px;font-weight:600}.employees-table td{color:#64748b;white-space:nowrap;border-top:1px solid #edf0f4;padding:13px 20px;font-size:9px}.employees-table tbody tr:hover{background:#fafcff}.employee-info{align-items:center;gap:10px;display:flex}.employee-avatar{color:#4169e1;background:#e5edff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:8px;font-weight:700;display:flex}.employee-name{flex-direction:column;gap:3px;display:flex}.employee-name strong{color:#334155;font-size:9px}.employee-name span{color:#94a3b8;font-size:7px}.employee-status{border-radius:20px;padding:4px 8px;font-size:7px;font-weight:600;display:inline-flex}.employee-status.active{color:#047857;background:#ecfdf5}.employee-status.leave{color:#c2410c;background:#fff7ed}.employee-action-button{color:#4169e1;cursor:pointer;background:#fff;border:1px solid #dbe3f0;border-radius:5px;padding:5px 10px;font-size:8px}.employee-action-button:hover{background:#f8faff}.no-employees{text-align:center;color:#94a3b8!important;padding:40px!important}.employees-table-footer{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:13px 20px;display:flex}.employees-table-footer>span{color:#94a3b8;font-size:8px}.pagination{align-items:center;gap:4px;display:flex}.pagination button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dbe3f0;border-radius:5px;min-width:27px;height:27px;padding:0 7px;font-size:8px}.pagination button:hover{background:#f8faff}.pagination .pagination-active{color:#fff;background:#4169e1;border-color:#4169e1}@media (width<=900px){.employee-summary-grid{grid-template-columns:repeat(2,1fr)}.employees-filters{flex-wrap:wrap}.employee-search{width:100%;max-width:none}}@media (width<=600px){.hr-employees-header{flex-direction:column;align-items:flex-start;gap:14px}.employee-summary-grid{grid-template-columns:1fr}.employees-table-footer{flex-direction:column;align-items:flex-start;gap:10px}}.fec{flex-direction:column;gap:12px;width:100%;max-width:480px;display:flex}.fec-file-input{display:none}.fec-frame{aspect-ratio:4/3;background:#111827;border-radius:8px;width:100%;max-width:400px;position:relative;overflow:hidden}.fec-media{object-fit:contain;width:100%;height:100%;display:block}.fec-overlay{color:#e5e7eb;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.fec-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fec-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600}.fec-btn.primary{color:#fff;background:#2563eb}.fec-btn.primary:hover:not(:disabled){background:#1d4ed8}.fec-btn.secondary{color:#374151;background:#fff;border-color:#e5e7eb}.fec-btn.secondary:hover:not(:disabled){background:#f9fafb}.fec-btn:disabled{opacity:.6;cursor:not-allowed}.fec-btn:focus-visible{outline-offset:2px;outline:2px solid #93c5fd}.fec-status,.fec-filename{color:#374151;margin:0;font-size:13px}.fec-filename{color:#6b7280;overflow-wrap:anywhere;font-size:12px}.fec-consent{color:#374151;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;display:flex}.fec-hint{color:#6b7280;margin:-4px 0 0;font-size:12px}.fec-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:10px 12px;font-size:13px}@media (width<=480px){.fec-actions .fec-btn{flex:100%}}.one-time-credentials{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:18px;padding:20px 24px}.one-time-credentials h2{color:#0f172a;margin:0 0 10px;font-size:16px}.one-time-credentials-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;margin:0 0 16px;padding:10px 12px;font-size:13px;line-height:1.5}.one-time-credentials-row{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;display:flex}.one-time-credentials-label{color:#334155;flex:0 0 150px;font-size:12px;font-weight:600}.one-time-credentials-value{color:#0f172a;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#f8fafc;border-radius:6px;flex:200px;min-width:0;padding:6px 10px;font-size:14px}.one-time-credentials-value.secret{letter-spacing:.04em}.one-time-credentials-copy{padding:6px 14px}.one-time-credentials-copy-error{color:#b91c1c;flex-basis:100%;font-size:12px}.add-employee-page{width:100%}.add-employee-header{margin-bottom:22px}.add-employee-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700}.add-employee-header p{color:#64748b;margin:0;font-size:13px}.add-employee-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:24px}.add-employee-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.add-employee-field{flex-direction:column;gap:6px;display:flex}.add-employee-field label{color:#334155;font-size:12px;font-weight:600}.add-employee-field input,.add-employee-field select{box-sizing:border-box;color:#334155;border:1px solid #dbe3f0;border-radius:6px;height:38px;padding:0 10px;font-size:13px}.add-employee-error{color:#b91c1c;background:#fef2f2;border-radius:6px;margin:16px 0 0;padding:10px 12px;font-size:12px}.add-employee-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.add-employee-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;margin:8px 0 0;padding:8px 10px;font-size:12px}.add-employee-face-step h2{color:#0f172a;margin:0 0 6px;font-size:16px}.add-employee-face-step-note{color:#475569;margin:0 0 16px;font-size:13px;line-height:1.5}.add-employee-face-step-success{color:#047857;background:#ecfdf5;border-radius:6px;margin:0;padding:10px 12px;font-size:13px}.employee-profile-page{width:100%}.employee-profile-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.employee-profile-header h1{color:#111827;margin:0 0 6px;font-size:24px;font-weight:700}.employee-profile-header p{color:#64748b;margin:0;font-size:13px}.employee-profile-header-actions{align-items:center;gap:10px;display:flex}.employee-profile-card{color:#334155;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:24px;font-size:13px}.employee-profile-error{color:#b91c1c}.link-button{color:#4169e1;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.employee-profile-grid,.employee-profile-form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.employee-profile-grid>div{flex-direction:column;gap:4px;display:flex}.employee-profile-grid span{color:#64748b;font-size:11px}.employee-profile-grid strong{color:#111827;font-size:14px}.employee-profile-field{flex-direction:column;gap:6px;display:flex}.employee-profile-field label{color:#334155;font-size:12px;font-weight:600}.employee-profile-field input,.employee-profile-field select{box-sizing:border-box;color:#334155;border:1px solid #dbe3f0;border-radius:6px;height:38px;padding:0 10px;font-size:13px}.employee-profile-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.employee-account-card{margin-top:20px}.employee-account-card h2{color:#111827;margin:0 0 14px;font-size:16px;font-weight:700}.employee-account-status{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.employee-account-status span{color:#64748b;font-size:11px}.employee-account-status strong{color:#111827;font-size:14px}.employee-account-hint{color:#64748b;margin:0 0 14px;font-size:12px}.employee-account-channels{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.employee-account-channels>span{color:#334155;font-size:12px;font-weight:600}.employee-account-channels label{color:#334155;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.employee-account-results{flex-direction:column;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.employee-account-results li{border-radius:6px;padding:8px 12px;font-size:12px}.employee-account-results li.success{color:#047857;background:#ecfdf5}.employee-account-results li.failure{color:#b91c1c;background:#fef2f2}.employee-account-devlink{background:#fffbeb;border:1px dashed #f59e0b;border-radius:8px;margin-bottom:14px;padding:14px}.employee-account-devlink .employee-account-hint{color:#92400e}.employee-account-link-row{gap:8px;margin-bottom:8px;display:flex}.employee-account-link-row input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;min-width:0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}@media (width<=640px){.employee-account-link-row{flex-direction:column}}.hr-departments-page{width:100%}.hr-departments-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.hr-departments-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700}.hr-departments-header p{color:#64748b;margin:0;font-size:13px}.add-department-button{color:#fff;cursor:pointer;background:#4169e1;border:none;border-radius:7px;padding:10px 16px;font-size:11px;font-weight:600}.add-department-button:hover{background:#3158d2}.department-summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.department-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;min-height:90px;padding:16px;display:flex}.department-summary-icon{color:#4169e1;background:#edf3ff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.department-summary-card div:last-child{flex-direction:column;gap:4px;display:flex}.department-summary-card span{color:#64748b;font-size:9px}.department-summary-card strong{color:#111827;font-size:22px}.departments-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.departments-toolbar{border-bottom:1px solid #edf0f4;padding:17px 20px}.department-search{background:#fff;border:1px solid #dbe3f0;border-radius:6px;align-items:center;gap:8px;width:380px;max-width:100%;height:36px;padding:0 11px;display:flex}.department-search span{color:#94a3b8;font-size:16px}.department-search input{color:#334155;border:none;outline:none;width:100%;font-size:10px}.department-search input::placeholder{color:#94a3b8}.departments-table-wrapper{width:100%;overflow-x:auto}.departments-table{border-collapse:collapse;width:100%;min-width:900px}.departments-table th{color:#64748b;text-align:left;white-space:nowrap;background:#f8fafc;padding:12px 20px;font-size:8px;font-weight:600}.departments-table td{color:#64748b;white-space:nowrap;border-top:1px solid #edf0f4;padding:13px 20px;font-size:9px}.departments-table tbody tr:hover{background:#fafcff}.department-info{align-items:center;gap:10px;display:flex}.department-icon{color:#4169e1;background:#edf3ff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.department-info div:last-child{flex-direction:column;gap:3px;display:flex}.department-info strong{color:#334155;font-size:9px}.department-info span{color:#94a3b8;font-size:7px}.manager-info{align-items:center;gap:8px;display:flex}.manager-avatar{color:#4169e1;background:#e5edff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:7px;font-weight:700;display:flex}.department-status{color:#047857;background:#ecfdf5;border-radius:20px;padding:4px 8px;font-size:7px;font-weight:600;display:inline-flex}.department-view-button{color:#4169e1;cursor:pointer;background:#fff;border:1px solid #dbe3f0;border-radius:5px;padding:5px 10px;font-size:8px}.department-view-button:hover{background:#f8faff}.no-departments{text-align:center;color:#94a3b8!important;padding:40px!important}.departments-footer{color:#94a3b8;border-top:1px solid #edf0f4;padding:13px 20px;font-size:8px}.departments-footer strong{color:#64748b}.department-modal-overlay{z-index:2000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.department-modal{background:#fff;border-radius:12px;width:430px;max-width:100%;padding:22px;box-shadow:0 20px 50px #0f172a33}.department-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.department-modal-header h2{color:#111827;margin:0 0 5px;font-size:17px}.department-modal-header p{color:#94a3b8;margin:0;font-size:9px}.department-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;width:30px;height:30px;font-size:18px}.department-form-group{margin-bottom:15px}.department-form-group label{color:#334155;margin-bottom:6px;font-size:9px;font-weight:600;display:block}.department-form-group input{box-sizing:border-box;color:#334155;border:1px solid #dbe3f0;border-radius:6px;outline:none;width:100%;height:38px;padding:0 10px;font-size:10px}.department-form-group input:focus{border-color:#4169e1}.department-form-group input::placeholder{color:#94a3b8}.department-form-error{color:#b91c1c;background:#fef2f2;border-radius:6px;margin:4px 0 0;padding:8px 10px;font-size:9px}.department-modal-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.cancel-department-button,.save-department-button{cursor:pointer;border-radius:6px;padding:9px 13px;font-size:9px;font-weight:600}.cancel-department-button{color:#64748b;background:#fff;border:1px solid #dbe3f0}.save-department-button{color:#fff;background:#4169e1;border:1px solid #4169e1}.save-department-button:hover{background:#3158d2}@media (width<=900px){.department-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.hr-departments-header{flex-direction:column;align-items:flex-start;gap:14px}.department-summary-grid{grid-template-columns:1fr}.department-search{width:100%}}.attendance-request-correction-link{color:#3864df;cursor:pointer;background:#fff;border:1px solid #d7dce4;border-radius:7px;flex-shrink:0;align-items:center;height:36px;padding:0 14px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.attendance-request-correction-link:hover{background:#f8faff}@media (width<=720px){.attendance-card-header{flex-direction:column;align-items:flex-start}.attendance-settings-body{max-width:100%}.attendance-settings-row{flex-direction:column;align-items:flex-start;gap:8px}}.ai-insight-card{background:linear-gradient(135deg,#f4f0ff,#eff6ff);border:1px solid #e0d9ff;border-radius:12px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.ai-insight-icon{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.ai-insight-body{flex-direction:column;gap:6px;display:flex}.ai-insight-body strong{color:#4c1d95;font-size:13px}.ai-insight-body p{color:#5b21b6;margin:0;font-size:12px;line-height:1.5}.ai-insight-button{color:#6d28d9;cursor:pointer;background:#fff;border:1px solid #c4b5fd;border-radius:7px;align-self:flex-start;height:32px;margin-top:2px;padding:0 13px;font-size:11px;font-weight:600}.ai-insight-button:hover{background:#f5f3ff}.hr-attendance-page{width:100%}.attendance-page-header{margin-bottom:22px}.attendance-page-header h1{color:#111827;margin:0 0 7px;font-size:28px;font-weight:700}.attendance-page-header p{color:#64748b;margin:0;font-size:14px}.attendance-loading-card{text-align:center;color:#94a3b8;background:#fff;border:1px solid #e4e8ef;border-radius:12px;padding:40px;font-size:12px}.attendance-summary-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.attendance-summary-grid.five{grid-template-columns:repeat(5,1fr)}.attendance-content-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:20px;overflow:hidden}.attendance-card-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:16px;padding:19px 22px;display:flex}.attendance-card-header h2{color:#111827;margin:0 0 4px;font-size:16px}.attendance-card-header p{color:#94a3b8;margin:0;font-size:11px}.attendance-insights-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.attendance-insights-grid .attendance-content-card{margin-top:0}.attendance-view-toggle{background:#f1f5f9;border-radius:8px;gap:4px;padding:3px;display:flex}.attendance-view-toggle button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;height:28px;padding:0 10px;font-size:10px;font-weight:600}.attendance-view-toggle button.active{color:#3864df;background:#fff;box-shadow:0 1px 2px #00000014}.attendance-trend-body{flex-direction:column;gap:12px;padding:18px 22px 22px;display:flex}.attendance-trend-row{grid-template-columns:90px 1fr 44px;align-items:center;gap:10px;display:grid}.attendance-trend-label{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.attendance-trend-bar-track{background:#e5e7eb;border-radius:20px;height:8px;overflow:hidden}.attendance-trend-bar-value{background:#3864df;border-radius:20px;height:100%}.attendance-trend-value{text-align:right;color:#94a3b8;font-size:9px}.attendance-trend-empty{color:#94a3b8;margin:0;font-size:11px}.attendance-filter-bar{border-bottom:1px solid #edf0f4;flex-wrap:wrap;gap:10px;padding:16px 22px;display:flex}.attendance-filter-bar input,.attendance-filter-bar select{color:#374151;background:#fff;border:1px solid #d7dce4;border-radius:8px;height:38px;padding:0 11px;font-family:inherit;font-size:11px}.attendance-table-wrapper{overflow-x:auto}.attendance-table th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#f8fafc;padding:12px 18px;font-size:9px;font-weight:700}.attendance-table td{color:#64748b;vertical-align:middle;white-space:nowrap;border-top:1px solid #edf0f4;padding:13px 18px;font-size:11px}.attendance-employee{align-items:center;gap:10px;display:flex}.attendance-avatar{color:#1d2b5c;background:#dce7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:9px;font-weight:700;display:flex}.attendance-employee div:last-child{flex-direction:column;gap:2px;display:flex}.attendance-employee span{color:#94a3b8;font-size:9px}.attendance-view-button{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;height:30px;padding:0 12px;font-size:10px;font-weight:600}.attendance-view-button:hover{background:#dbeafe}.attendance-table-empty{text-align:center;white-space:normal;height:130px;color:#94a3b8!important}.attendance-row-actions{gap:8px;display:flex}.attendance-history-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #d7dce4;border-radius:7px;height:30px;padding:0 12px;font-size:10px;font-weight:600}.attendance-history-button:hover{background:#f8fafc}.attendance-quick-filter-toggle{color:#b91c1c;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #fecaca;border-radius:20px;flex-shrink:0;height:36px;padding:0 14px;font-size:11px;font-weight:600}.attendance-quick-filter-toggle.active{background:#fef2f2;border-color:#dc2626}.attendance-settings-body{flex-direction:column;gap:16px;max-width:420px;padding:20px 22px 24px;display:flex}.attendance-settings-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.attendance-settings-row>span{color:#64748b;font-size:12px}.attendance-settings-row>strong{color:#1f2937;font-size:12px}.attendance-settings-toggle{color:#374151;cursor:pointer;align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex}.attendance-settings-toggle input{accent-color:#3864df;cursor:pointer;width:16px;height:16px}.attendance-settings-radius{align-items:center;gap:8px;display:flex}.attendance-settings-radius input{text-align:right;border:1px solid #d7dce4;border-radius:7px;width:80px;height:36px;padding:0 10px;font-size:12px}.attendance-settings-radius span{color:#64748b;font-size:11px}.attendance-settings-warning{color:#9a3412;background:#fff7ed;border-radius:7px;margin:0;padding:10px 12px;font-size:10px;line-height:1.5}@media (width<=1200px){.attendance-summary-grid.five{grid-template-columns:repeat(3,1fr)}.attendance-insights-grid{grid-template-columns:1fr}}@media (width<=1100px){.attendance-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.attendance-summary-grid,.attendance-summary-grid.five{grid-template-columns:1fr}.attendance-card-header{flex-direction:column;align-items:flex-start}.attendance-filter-bar{flex-direction:column}.attendance-filter-bar input,.attendance-filter-bar select{width:100%}.attendance-settings-body{max-width:100%}.attendance-settings-row{flex-direction:column;align-items:flex-start;gap:8px}}.correction-list{flex-direction:column;gap:14px;padding:18px 22px;display:flex}.correction-list-empty{text-align:center;color:#94a3b8;margin:0;padding:20px 0;font-size:12px}.correction-list-item{background:#f8fafc;border:1px solid #e4e8ef;border-radius:10px;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.correction-list-main{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.correction-list-main strong{color:#1f2937;font-size:12px}.correction-list-main span{color:#64748b;font-size:11px}.correction-list-reason{color:#374151;margin:0;font-size:11px;line-height:1.5}.correction-list-meta{color:#94a3b8;margin:0;font-size:10px}.correction-status-pill{text-transform:uppercase;border-radius:20px;padding:3px 9px;font-size:9px;font-weight:700}.correction-status-pill.approved{color:#047857;background:#ecfdf5}.correction-status-pill.rejected{color:#dc2626;background:#fef2f2}.correction-status-pill.pending{color:#c2410c;background:#fff7ed}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.office-modal-wide{width:640px}.office-geofence-badge{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.office-geofence-badge.configured{color:#047857;background:#ecfdf5}.office-geofence-badge.not-configured{color:#92400e;background:#fef3c7}.office-search-row{gap:8px;display:flex}.office-search-row input{border:1px solid #d1d5db;border-radius:8px;flex:1;padding:8px 10px;font-size:14px}.office-search-row button{color:#fff;cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;border-radius:8px;padding:8px 14px;font-weight:600}.office-search-row button:disabled{opacity:.6;cursor:not-allowed}.office-map-container{border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.hr-leave-page{width:100%}.hr-leave-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.hr-leave-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700}.hr-leave-header p{color:#64748b;margin:0;font-size:13px}.leave-report-button{color:#fff;cursor:pointer;background:#4169e1;border:none;border-radius:7px;padding:10px 16px;font-size:10px;font-weight:600}.leave-report-button:hover{background:#3158d2}.leave-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:11px;min-height:85px;padding:15px;display:flex}.leave-summary-icon.total{color:#4169e1;background:#edf3ff}.leave-summary-icon.pending{color:#ea580c;background:#fff7ed}.leave-summary-icon.approved{color:#047857;background:#ecfdf5}.leave-summary-icon.rejected{color:#dc2626;background:#fef2f2}.leave-summary-icon.days{color:#7c3aed;background:#f5f3ff}.leave-summary-card div:last-child{flex-direction:column;gap:4px;display:flex}.hr-leave-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.leave-filter-bar{border-bottom:1px solid #edf0f4;align-items:center;gap:10px;padding:16px 20px;display:flex}.leave-search{border:1px solid #dbe3f0;border-radius:6px;flex:1;align-items:center;gap:8px;max-width:370px;height:36px;padding:0 10px;display:flex}.leave-search span{color:#94a3b8;font-size:16px}.leave-search input{color:#334155;border:none;outline:none;width:100%;font-size:9px}.leave-search input::placeholder{color:#94a3b8}.leave-filter-bar select{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dbe3f0;border-radius:6px;outline:none;height:36px;padding:0 10px;font-size:9px}.leave-table-wrapper{width:100%;overflow-x:auto}.leave-table{border-collapse:collapse;width:100%;min-width:1100px}.leave-table th{color:#64748b;text-align:left;white-space:nowrap;background:#f8fafc;padding:12px 18px;font-size:8px;font-weight:600}.leave-table td{color:#64748b;white-space:nowrap;border-top:1px solid #edf0f4;padding:13px 18px;font-size:9px}.leave-table tbody tr:hover{background:#fafcff}.leave-employee{align-items:center;gap:9px;display:flex}.leave-avatar{color:#4169e1;background:#e5edff;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;font-size:8px;font-weight:700;display:flex}.leave-employee div:last-child{flex-direction:column;gap:3px;display:flex}.leave-employee strong{color:#334155;font-size:9px}.leave-employee span{color:#94a3b8;font-size:7px}.leave-dates{align-items:center;gap:5px;display:flex}.date-separator{color:#94a3b8}.leave-status{border-radius:20px;padding:4px 8px;font-size:7px;font-weight:600;display:inline-flex}.leave-status.pending{color:#c2410c;background:#fff7ed}.leave-status.approved{color:#047857;background:#ecfdf5}.leave-status.rejected{color:#dc2626;background:#fef2f2}.leave-actions{align-items:center;gap:5px;display:flex}.approve-button,.reject-button,.leave-view-button{cursor:pointer;border-radius:5px;padding:5px 8px;font-size:7px;font-weight:600}.approve-button{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0}.approve-button:hover{background:#dcfce7}.reject-button{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.reject-button:hover{background:#fee2e2}.leave-view-button{color:#4169e1;background:#fff;border:1px solid #dbe3f0}.leave-view-button:hover{background:#f8faff}.no-leave{text-align:center;color:#94a3b8!important;padding:40px!important}.leave-footer{color:#94a3b8;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:13px 20px;font-size:8px;display:flex}.leave-pagination{gap:4px;display:flex}.leave-pagination button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dbe3f0;border-radius:5px;min-width:27px;height:27px;padding:0 7px;font-size:8px}.leave-pagination button:hover{background:#f8faff}.leave-pagination button.active{color:#fff;background:#4169e1;border-color:#4169e1}@media (width<=1100px){.leave-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.leave-summary-grid{grid-template-columns:repeat(2,1fr)}.leave-filter-bar{flex-wrap:wrap}.leave-search{width:100%;max-width:none}}@media (width<=600px){.hr-leave-header{flex-direction:column;align-items:flex-start;gap:14px}.leave-summary-grid{grid-template-columns:1fr}.leave-footer{flex-direction:column;align-items:flex-start;gap:10px}}.hr-fallback-page{width:100%}.hr-fallback-header{margin-bottom:25px}.hr-fallback-header h1{color:#111827;margin:0 0 7px;font-size:30px}.hr-fallback-header p{color:#64748b;max-width:640px;margin:0;font-size:14px}.leave-summary-grid{grid-template-columns:repeat(2,1fr);gap:17px;margin-bottom:22px;display:grid}.leave-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:11px;align-items:center;gap:13px;padding:18px;display:flex}.leave-summary-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:flex}.leave-summary-icon.escalated{color:#7c3aed;background:#f4f0ff}.leave-summary-icon.resolved{color:#047857;background:#ecfdf5}.leave-summary-card>div:last-child{flex-direction:column;gap:4px;display:flex}.leave-summary-card span{color:#64748b;font-size:10px}.leave-summary-card strong{color:#111827;font-size:23px}.hr-fallback-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:22px;overflow:hidden}.hr-fallback-card-header{border-bottom:1px solid #edf0f4;padding:19px 20px}.hr-fallback-card-header h2{color:#111827;margin:0 0 4px;font-size:16px}.hr-fallback-card-header p{color:#94a3b8;max-width:560px;margin:0;font-size:9px}.hr-fallback-info-box{background:#f8f5ff;border:1px solid #e6dcff;border-radius:9px;align-items:flex-start;gap:11px;margin:18px 20px;padding:15px 18px;display:flex}.hr-fallback-info-icon{color:#fff;background:#7c3aed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.hr-fallback-info-box strong{color:#334155;margin-bottom:4px;font-size:10px;display:block}.hr-fallback-info-box p{color:#64748b;margin:0;font-size:9px;line-height:1.5}@media (width<=700px){.leave-summary-grid{grid-template-columns:1fr}}.hr-coming-soon-page{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:40px 20px;display:flex}.hr-coming-soon-card{text-align:center;background:#fff;border:1px solid #e5e9f2;border-radius:14px;flex-direction:column;align-items:center;gap:10px;max-width:440px;padding:40px 32px;display:flex;box-shadow:0 1px 2px #0f172a0a}.hr-coming-soon-icon{margin-bottom:4px;font-size:34px}.hr-coming-soon-badge{color:#92400e;letter-spacing:.3px;text-transform:uppercase;background:#fef3c7;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.hr-coming-soon-card h1{color:#111827;margin:6px 0 0;font-size:19px}.hr-coming-soon-card p{color:#64748b;margin:0;font-size:13px;line-height:1.6}.hr-payroll-page{width:100%;min-height:100%}.hr-payroll-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.hr-payroll-page-header h1{color:#0f172a;margin:0 0 6px;font-size:28px;font-weight:700;line-height:34px}.hr-payroll-page-header p{color:#64748b;margin:0;font-size:13px;line-height:18px}.hr-payroll-process-all{color:#fff;cursor:pointer;background:#4b67d1;border:none;border-radius:8px;height:40px;padding:0 20px;font-size:12px;font-weight:600;transition:background .2s}.hr-payroll-process-all:hover{background:#3d58c1}.hr-payroll-statistics{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-bottom:26px;display:grid}.hr-payroll-stat{box-sizing:border-box;background:#fff;border:1px solid #e1e6ef;border-radius:11px;align-items:center;gap:14px;min-height:82px;padding:16px 18px;display:flex}.hr-payroll-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:19px;font-weight:600;display:flex}.hr-payroll-stat-icon.employees{color:#4b67d1;background:#eef3ff}.hr-payroll-stat-icon.payroll{color:#198754;background:#ecfdf5}.hr-payroll-stat-icon.deductions{color:#dc3545;background:#fff1f2}.hr-payroll-stat-icon.processed{color:#198754;background:#ecfdf5}.hr-payroll-stat-icon.pending{color:#ea580c;background:#fff7ed}.hr-payroll-stat-content{min-width:0}.hr-payroll-stat-content span{color:#64748b;margin-bottom:5px;font-size:9px;line-height:12px;display:block}.hr-payroll-stat-content strong{color:#0f172a;white-space:nowrap;font-size:21px;font-weight:700;line-height:25px;display:block}.hr-payroll-table-card{background:#fff;border:1px solid #e1e6ef;border-radius:11px;overflow:hidden}.hr-payroll-filter-bar{box-sizing:border-box;border-bottom:1px solid #e7ebf1;align-items:center;gap:12px;min-height:84px;padding:20px 24px;display:flex}.hr-payroll-search{box-sizing:border-box;border:1px solid #d7e0ed;border-radius:7px;align-items:center;width:475px;height:44px;padding:0 13px;display:flex}.hr-payroll-search span{color:#8ba0ba;margin-right:8px;font-size:18px;line-height:1}.hr-payroll-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;font-size:10px}.hr-payroll-search input::placeholder{color:#94a3b8}.hr-payroll-month,.hr-payroll-status-filter{color:#475569;cursor:pointer;background:#fff;border:1px solid #d7e0ed;border-radius:7px;outline:none;height:44px;padding:0 13px;font-size:10px}.hr-payroll-month{width:136px}.hr-payroll-status-filter{width:105px}.hr-payroll-table-wrapper{width:100%;overflow-x:auto}.hr-payroll-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1100px}.hr-payroll-table thead{background:#f8fafc}.hr-payroll-table th{text-align:left;color:#64748b;white-space:nowrap;height:42px;padding:0 22px;font-size:8px;font-weight:600}.hr-payroll-table td{color:#425b7b;vertical-align:middle;border-top:1px solid #e9edf3;height:74px;padding:0 22px;font-size:9px}.hr-payroll-table th:first-child,.hr-payroll-table td:first-child{width:20%}.hr-payroll-table th:nth-child(2),.hr-payroll-table td:nth-child(2){width:15%}.hr-payroll-table th:nth-child(3),.hr-payroll-table td:nth-child(3),.hr-payroll-table th:nth-child(4),.hr-payroll-table td:nth-child(4),.hr-payroll-table th:nth-child(5),.hr-payroll-table td:nth-child(5),.hr-payroll-table th:nth-child(6),.hr-payroll-table td:nth-child(6){width:11%}.hr-payroll-table th:nth-child(7),.hr-payroll-table td:nth-child(7){width:10%}.hr-payroll-table th:nth-child(8),.hr-payroll-table td:nth-child(8){width:9%}.hr-payroll-employee{align-items:center;gap:11px;display:flex}.hr-payroll-avatar{color:#4169c1;background:#e7efff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:9px;font-weight:600;display:flex}.hr-payroll-employee strong{color:#0f2747;white-space:nowrap;margin-bottom:3px;font-size:9px;font-weight:600;display:block}.hr-payroll-employee span{color:#8ba0ba;font-size:7px;display:block}.hr-payroll-deduction-value{color:#ef4444}.hr-payroll-net-salary{color:#0f2747;font-size:9px;font-weight:700}.hr-payroll-status-badge{border-radius:20px;justify-content:center;align-items:center;min-width:64px;padding:5px 9px;font-size:7px;font-weight:600;display:inline-flex}.hr-payroll-status-badge.processed{color:#087f5b;background:#ecfdf5}.hr-payroll-status-badge.pending{color:#d97706;background:#fff7ed}.hr-payroll-payslip-button{color:#4169d1;cursor:pointer;background:#fff;border:1px solid #d2dff1;border-radius:6px;min-width:55px;height:27px;padding:0 10px;font-size:8px}.hr-payroll-payslip-button:hover{background:#f4f7ff;border-color:#b9c9e8}.hr-payroll-process-button{color:#087f5b;cursor:pointer;background:#f0fff7;border:1px solid #b7edce;border-radius:6px;min-width:58px;height:27px;padding:0 10px;font-size:8px}.hr-payroll-process-button:hover{background:#e4faef}.hr-payroll-no-results{text-align:center;color:#94a3b8!important;height:120px!important}.hr-payroll-table-footer{box-sizing:border-box;border-top:1px solid #e9edf3;justify-content:space-between;align-items:center;min-height:65px;padding:0 24px;display:flex}.hr-payroll-table-footer>span{color:#8ba0ba;font-size:8px}.hr-payroll-pagination{align-items:center;gap:6px;display:flex}.hr-payroll-pagination button{color:#516887;cursor:pointer;background:#fff;border:1px solid #d8e1ef;border-radius:6px;min-width:35px;height:35px;padding:0 9px;font-size:8px}.hr-payroll-pagination button.active{color:#fff;background:#4b67d1;border-color:#4b67d1}.hr-payroll-pagination button:hover:not(.active){background:#f6f8fc}.hr-payroll-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.hr-payroll-payslip-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0f172a33}.hr-payroll-modal-header{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.hr-payroll-modal-header h2{color:#111827;margin:0 0 4px;font-size:17px}.hr-payroll-modal-header p{color:#94a3b8;margin:0;font-size:9px}.hr-payroll-modal-close{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:6px;width:30px;height:30px;font-size:20px}.hr-payroll-modal-employee{align-items:center;gap:12px;padding:20px 22px;display:flex}.hr-payroll-modal-avatar{color:#4169c1;background:#e7efff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:11px;font-weight:700;display:flex}.hr-payroll-modal-employee h3{color:#111827;margin:0 0 3px;font-size:14px}.hr-payroll-modal-employee p{color:#64748b;margin:0 0 3px;font-size:8px}.hr-payroll-modal-employee span{color:#94a3b8;font-size:8px}.hr-payroll-modal-section{background:#f8fafc;border-radius:8px;margin:0 22px 18px;padding:15px}.hr-payroll-modal-section h3{color:#334155;margin:0 0 12px;font-size:10px}.hr-payroll-salary-row{color:#64748b;border-bottom:1px solid #e5eaf1;justify-content:space-between;align-items:center;min-height:32px;font-size:9px;display:flex}.hr-payroll-salary-row strong{color:#334155}.hr-payroll-salary-row .positive{color:#059669}.hr-payroll-salary-row .negative{color:#dc2626}.hr-payroll-total-row{justify-content:space-between;align-items:center;padding-top:13px;display:flex}.hr-payroll-total-row span{color:#334155;font-size:10px;font-weight:600}.hr-payroll-total-row strong{color:#4169d1;font-size:14px}.hr-payroll-payment-status{background:#ecfdf5;border-radius:7px;justify-content:space-between;margin:0 22px 18px;padding:12px;display:flex}.hr-payroll-payment-status span{color:#64748b;font-size:9px}.hr-payroll-payment-status strong{color:#087f5b;font-size:9px}.hr-payroll-modal-footer{border-top:1px solid #e8edf4;justify-content:flex-end;padding:14px 22px;display:flex}.hr-payroll-modal-footer button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #d8e1ef;border-radius:6px;height:34px;padding:0 16px;font-size:8px}@media (width<=1200px){.hr-payroll-statistics{grid-template-columns:repeat(3,1fr)}}@media (width<=850px){.hr-payroll-statistics{grid-template-columns:repeat(2,1fr)}.hr-payroll-filter-bar{flex-wrap:wrap}.hr-payroll-search{width:100%}}@media (width<=600px){.hr-payroll-page-header{flex-direction:column;gap:15px}.hr-payroll-statistics{grid-template-columns:1fr}.hr-payroll-table-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:12px 18px}}.hr-documents-page{width:100%}.hr-documents-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.hr-documents-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700;line-height:34px}.hr-documents-header p{color:#64748b;margin:0;font-size:13px;line-height:18px}.hr-primary-button{color:#fff;cursor:pointer;background:#4169e1;border:none;border-radius:8px;height:40px;padding:0 17px;font-size:10px;font-weight:600;transition:all .2s}.hr-primary-button:hover{background:#3158d4}.hr-document-stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;display:grid}.document-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:11px;flex-direction:column;justify-content:center;min-height:72px;padding:18px 22px;display:flex}.document-stat-card span{color:#64748b;margin-bottom:6px;font-size:9px;line-height:12px;display:block}.document-stat-card strong{color:#111827;font-size:23px;line-height:27px;display:block}.hr-documents-card{background:#fff;border:1px solid #e2e8f0;border-radius:11px;overflow:hidden}.hr-document-filters{box-sizing:border-box;border-bottom:1px solid #edf0f4;align-items:center;gap:12px;min-height:68px;padding:14px 25px;display:flex}.hr-document-filters input,.hr-document-filters select{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #d8e1ef;border-radius:7px;outline:none;height:38px;padding:0 12px;font-size:9px}.hr-document-filters input{width:500px;max-width:100%}.hr-document-filters select{cursor:pointer;width:125px}.hr-document-filters input:focus,.hr-document-filters select:focus{border-color:#4169e1;box-shadow:0 0 0 2px #4169e114}.hr-documents-table-wrapper{width:100%;overflow-x:auto}.hr-documents-table{border-collapse:collapse;table-layout:fixed;width:100%}.hr-documents-table th{text-align:left;color:#64748b;white-space:nowrap;background:#f8fafc;height:42px;padding:0 22px;font-size:8px;font-weight:600}.hr-documents-table td{color:#64748b;vertical-align:middle;border-top:1px solid #edf0f4;height:61px;padding:0 22px;font-size:9px}.hr-documents-table td:first-child{color:#0f172a}.hr-documents-table td strong{color:#0f172a;font-size:9px;font-weight:600}.hr-documents-table th:first-child,.hr-documents-table td:first-child{width:32%}.hr-documents-table th:nth-child(2),.hr-documents-table td:nth-child(2){width:18%}.hr-documents-table th:nth-child(3),.hr-documents-table td:nth-child(3){width:20%}.hr-documents-table th:nth-child(4),.hr-documents-table td:nth-child(4){width:16%}.hr-documents-table th:nth-child(5),.hr-documents-table td:nth-child(5){width:14%}.hr-view-button{color:#4169e1;cursor:pointer;background:#fff;border:1px solid #d6e0ef;border-radius:6px;min-width:48px;height:27px;padding:0 10px;font-size:8px;transition:all .2s}.hr-view-button:hover{background:#f5f8ff;border-color:#b9c9e8}.hr-empty-documents{text-align:center;color:#94a3b8!important;height:120px!important;font-size:10px!important}.hr-modal-overlay{z-index:1000;box-sizing:border-box;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.hr-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0f172a33}.hr-modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.hr-modal-header h2{color:#111827;margin:0 0 4px;font-size:17px;line-height:22px}.hr-modal-header p{color:#94a3b8;margin:0;font-size:9px;line-height:13px}.hr-modal-close{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;line-height:1;display:flex}.hr-modal-close:hover{color:#111827;background:#f1f5f9}.hr-document-form{padding:22px}.hr-form-group{margin-bottom:16px}.hr-form-group label{color:#334155;margin-bottom:6px;font-size:9px;font-weight:600;display:block}.hr-form-group input,.hr-form-group select,.hr-form-group textarea{box-sizing:border-box;color:#334155;background:#fff;border:1px solid #d8e1ef;border-radius:7px;outline:none;width:100%;font-family:inherit;font-size:9px}.hr-form-group input,.hr-form-group select{height:38px;padding:0 11px}.hr-form-group textarea{resize:vertical;padding:10px 11px}.hr-form-group input:focus,.hr-form-group select:focus,.hr-form-group textarea:focus{border-color:#4169e1;box-shadow:0 0 0 2px #4169e114}.hr-file-upload{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:7px;padding:10px}.hr-file-upload input{background:0 0;border:none;height:auto;padding:0}.selected-file{color:#4169e1;margin-top:7px;font-size:8px;display:block}.hr-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:15px;padding:9px 11px;font-size:8px}.hr-form-note{color:#33507a;background:#eff4ff;border:1px solid #dbe6fb;border-radius:6px;margin-bottom:15px;padding:9px 11px;font-size:8px;line-height:13px}.hr-modal-actions{border-top:1px solid #edf0f4;justify-content:flex-end;align-items:center;gap:8px;padding:15px 22px;display:flex}.hr-cancel-button,.hr-save-button,.hr-download-button,.hr-delete-button,.hr-edit-button{cursor:pointer;border-radius:6px;height:34px;padding:0 13px;font-size:9px;font-weight:600}.hr-cancel-button{color:#64748b;background:#fff;border:1px solid #d8e1ef}.hr-cancel-button:hover{background:#f8fafc}.hr-save-button{color:#fff;background:#4169e1;border:none}.hr-save-button:hover{background:#3158d4}.hr-download-button{color:#fff;background:#4169e1;border:none}.hr-download-button:hover{background:#3158d4}.hr-download-button:disabled{cursor:not-allowed;background:#94a3b8}.hr-download-button:disabled:hover{background:#94a3b8}.hr-edit-button{color:#4169e1;background:#fff;border:1px solid #d8e1ef}.hr-edit-button:hover{background:#f5f8ff;border-color:#b9c9e8}.hr-delete-button{color:#dc2626;background:#fff;border:1px solid #fecaca;margin-right:auto}.hr-delete-button:hover{background:#fef2f2}.hr-view-modal{max-width:560px}.hr-document-details{text-align:center;padding:25px}.hr-detail-icon{background:#edf3ff;border-radius:12px;justify-content:center;align-items:center;width:55px;height:55px;margin:0 auto 12px;font-size:23px;display:flex}.hr-document-details h3{color:#111827;margin:0 0 5px;font-size:16px;line-height:21px}.hr-detail-file{color:#94a3b8;font-size:8px}.hr-detail-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px;display:grid}.hr-detail-grid>div{background:#f8fafc;border-radius:7px;padding:12px}.hr-detail-grid span{color:#94a3b8;margin-bottom:5px;font-size:8px;display:block}.hr-detail-grid strong{color:#334155;font-size:9px;display:block}.hr-detail-description{text-align:left;background:#f8fafc;border-radius:7px;margin-top:12px;padding:13px}.hr-detail-description>span{color:#94a3b8;margin-bottom:6px;font-size:8px;font-weight:600;display:block}.hr-detail-description p{color:#64748b;margin:0;font-size:9px;line-height:15px}@media (width<=800px){.hr-document-stats{grid-template-columns:1fr}.hr-documents-header{flex-direction:column;align-items:flex-start;gap:12px}.hr-document-filters{flex-direction:column;align-items:stretch}.hr-document-filters input,.hr-document-filters select{width:100%}.hr-documents-table{min-width:850px}}@media (width<=600px){.hr-modal-overlay{padding:10px}.hr-modal{max-height:95vh}.hr-detail-grid{grid-template-columns:1fr}.hr-modal-actions{flex-wrap:wrap}.hr-delete-button{margin-right:0}}.hr-onboarding-page{width:100%}.hr-onboarding-header{margin-bottom:22px}.hr-onboarding-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700;line-height:34px}.hr-onboarding-header p{color:#64748b;margin:0;font-size:13px;line-height:18px}.hr-onboarding-stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.hr-onboarding-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:11px;align-items:center;gap:13px;min-height:80px;padding:16px 18px;display:flex}.hr-stat-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.hr-stat-icon.total{color:#4169e1;background:#edf3ff}.hr-stat-icon.progress{color:#ea580c;background:#fff7ed}.hr-stat-icon.completed{color:#059669;background:#ecfdf5}.hr-stat-icon.pending{color:#dc2626;background:#fef2f2}.hr-onboarding-stat-card span{color:#64748b;margin-bottom:5px;font-size:9px;line-height:12px;display:block}.hr-onboarding-stat-card strong{color:#111827;font-size:22px;line-height:25px;display:block}.hr-onboarding-card{background:#fff;border:1px solid #e2e8f0;border-radius:11px;overflow:hidden}.hr-onboarding-filters{box-sizing:border-box;border-bottom:1px solid #edf0f4;align-items:center;gap:12px;min-height:68px;padding:14px 24px;display:flex}.hr-onboarding-filters input,.hr-onboarding-filters select{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #d8e1ef;border-radius:7px;outline:none;height:38px;padding:0 12px;font-size:9px}.hr-onboarding-filters input{width:400px;max-width:100%}.hr-onboarding-filters select{cursor:pointer;width:130px}.hr-onboarding-filters input:focus,.hr-onboarding-filters select:focus{border-color:#4169e1;box-shadow:0 0 0 2px #4169e114}.hr-onboarding-table-wrapper{width:100%;overflow-x:auto}.hr-onboarding-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:900px}.hr-onboarding-table th{text-align:left;color:#64748b;white-space:nowrap;background:#f8fafc;height:42px;padding:0 20px;font-size:8px;font-weight:600}.hr-onboarding-table td{color:#64748b;vertical-align:middle;border-top:1px solid #edf0f4;height:65px;padding:0 20px;font-size:9px}.hr-onboarding-table th:first-child,.hr-onboarding-table td:first-child{width:28%}.hr-onboarding-table th:nth-child(2),.hr-onboarding-table td:nth-child(2){width:17%}.hr-onboarding-table th:nth-child(3),.hr-onboarding-table td:nth-child(3){width:15%}.hr-onboarding-table th:nth-child(4),.hr-onboarding-table td:nth-child(4){width:18%}.hr-onboarding-table th:nth-child(5),.hr-onboarding-table td:nth-child(5){width:13%}.hr-onboarding-table th:nth-child(6),.hr-onboarding-table td:nth-child(6){width:9%}.hr-onboarding-employee{align-items:center;gap:10px;display:flex}.hr-onboarding-avatar{color:#3158b7;background:#e4ecff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:8px;font-weight:700;display:flex}.hr-onboarding-employee>div:last-child{min-width:0}.hr-onboarding-employee strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:9px;font-weight:600;display:block;overflow:hidden}.hr-onboarding-employee span{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:7px;display:block;overflow:hidden}.hr-progress-wrapper{align-items:center;gap:8px;display:flex}.hr-progress-bar{background:#e5e7eb;border-radius:10px;width:80px;height:6px;overflow:hidden}.hr-progress-fill{background:#4169e1;border-radius:10px;height:100%;transition:width .3s}.hr-progress-wrapper span{color:#64748b;font-size:8px;font-weight:600}.hr-onboarding-status{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:5px 9px;font-size:7px;font-weight:600;display:inline-flex}.hr-onboarding-status.completed{color:#047857;background:#ecfdf5}.hr-onboarding-status.in-progress{color:#c2410c;background:#fff7ed}.hr-onboarding-status.pending,.hr-onboarding-status.not-started{color:#dc2626;background:#fef2f2}.hr-onboarding-status.cancelled{color:#64748b;background:#f1f5f9}.hr-onboarding-status.no-record{color:#94a3b8;background:#f8fafc}.hr-onboarding-view-button{color:#4169e1;cursor:pointer;background:#fff;border:1px solid #d6e0ef;border-radius:6px;min-width:48px;height:27px;padding:0 10px;font-size:8px;transition:all .2s}.hr-onboarding-view-button:hover{background:#f5f8ff;border-color:#b9c9e8}.hr-onboarding-empty{text-align:center;color:#94a3b8!important;height:120px!important;font-size:10px!important}.hr-onboarding-modal-overlay{z-index:1000;box-sizing:border-box;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.hr-onboarding-modal{background:#fff;border-radius:12px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0f172a33}.hr-onboarding-modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.hr-onboarding-modal-header h2{color:#111827;margin:0 0 4px;font-size:17px;line-height:22px}.hr-onboarding-modal-header p{color:#94a3b8;margin:0;font-size:9px;line-height:13px}.hr-onboarding-close{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;display:flex}.hr-onboarding-close:hover{background:#f1f5f9}.hr-onboarding-profile{align-items:center;gap:13px;padding:20px 22px;display:flex}.hr-large-avatar{color:#3158b7;background:#e4ecff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:11px;font-weight:700;display:flex}.hr-onboarding-profile h3{color:#111827;margin:0 0 3px;font-size:14px;line-height:18px}.hr-onboarding-profile p{color:#475569;margin:0 0 2px;font-size:9px}.hr-onboarding-profile span{color:#94a3b8;font-size:8px}.hr-onboarding-details{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 22px 18px;display:grid}.hr-onboarding-details>div{background:#f8fafc;border-radius:7px;padding:11px}.hr-onboarding-details span{color:#94a3b8;margin-bottom:5px;font-size:8px;display:block}.hr-onboarding-details strong{color:#334155;word-break:break-word;font-size:9px;display:block}.hr-onboarding-modal-progress{border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;padding:15px 22px}.hr-progress-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.hr-progress-title span{color:#64748b;font-size:9px}.hr-progress-title strong{color:#4169e1;font-size:10px}.hr-modal-progress-bar{background:#e5e7eb;border-radius:10px;width:100%;height:7px;overflow:hidden}.hr-modal-progress-bar div{background:#4169e1;border-radius:10px;height:100%;transition:width .3s}.hr-onboarding-checklist{padding:18px 22px}.hr-onboarding-checklist h3{color:#334155;margin:0 0 12px;font-size:10px;font-weight:600}.hr-onboarding-checklist>div{color:#64748b;align-items:center;gap:9px;min-height:32px;font-size:9px;display:flex}.hr-onboarding-checklist>div>span{color:#94a3b8;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;display:flex}.hr-onboarding-checklist>div.completed{color:#334155}.hr-onboarding-checklist>div.completed>span{color:#059669;background:#ecfdf5}.hr-onboarding-notes{background:#f8fafc;border-radius:7px;margin:0 22px 18px;padding:12px}.hr-onboarding-notes span{color:#94a3b8;margin-bottom:5px;font-size:8px;font-weight:600;display:block}.hr-onboarding-notes p{color:#64748b;margin:0;font-size:9px;line-height:14px}.hr-onboarding-modal-actions{border-top:1px solid #edf0f4;justify-content:flex-end;align-items:center;gap:8px;padding:14px 22px;display:flex}.hr-status-pending,.hr-status-progress,.hr-status-completed{cursor:pointer;border-radius:6px;height:34px;padding:0 12px;font-size:8px;font-weight:600}.hr-status-pending{color:#dc2626;background:#fff;border:1px solid #fecaca}.hr-status-progress{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.hr-status-completed{color:#fff;background:#4169e1;border:none}.hr-status-pending:hover{background:#fef2f2}.hr-status-progress:hover{background:#ffedd5}.hr-status-completed:hover{background:#3158d4}.hr-onboarding-action-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;margin:0 22px;padding:10px 12px;font-size:9px}.hr-onboarding-start-form,.hr-onboarding-add-task-form{padding:16px 22px}.hr-onboarding-checklist>div.hr-onboarding-add-task-form{border-top:1px dashed #e2e8f0;min-height:0;margin-top:12px;display:block}.hr-onboarding-form-row{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px;display:grid}.hr-onboarding-start-form label,.hr-onboarding-add-task-form label{color:#64748b;flex-direction:column;gap:5px;font-size:8px;font-weight:600;display:flex}.hr-onboarding-form-full{color:#64748b;flex-direction:column;gap:5px;margin-bottom:12px;font-size:8px;font-weight:600;display:flex}.hr-onboarding-form-checkbox{color:#64748b;align-items:center;gap:7px;margin-bottom:12px;font-size:9px;font-weight:600;display:flex}.hr-onboarding-form-checkbox input{width:auto}.hr-onboarding-start-form input,.hr-onboarding-add-task-form input,.hr-onboarding-add-task-form select{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #d8e1ef;border-radius:7px;outline:none;height:34px;padding:0 10px;font-size:9px}.hr-onboarding-checklist-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.hr-onboarding-checklist-header h3{margin:0}.hr-onboarding-add-task-toggle{color:#4169e1;cursor:pointer;background:#fff;border:1px solid #d6e0ef;border-radius:6px;height:26px;padding:0 10px;font-size:8px}.hr-onboarding-add-task-toggle:hover{background:#f5f8ff}.hr-onboarding-no-tasks{color:#94a3b8;margin:0 0 8px;font-size:9px}.hr-onboarding-task-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hr-onboarding-task-meta{color:#94a3b8;font-size:7px}.hr-onboarding-task-actions{flex-shrink:0;gap:6px;display:flex}.hr-onboarding-task-actions button{color:#4169e1;cursor:pointer;background:#fff;border:1px solid #d6e0ef;border-radius:5px;height:24px;padding:0 8px;font-size:7px}.hr-onboarding-task-actions button:hover{background:#f5f8ff}.hr-onboarding-cancel-form{flex-direction:column;gap:8px;width:100%;display:flex}.hr-onboarding-cancel-form textarea{color:#334155;box-sizing:border-box;resize:vertical;border:1px solid #d8e1ef;border-radius:7px;outline:none;width:100%;min-height:60px;padding:9px 11px;font-family:inherit;font-size:9px}.hr-onboarding-cancel-form>div{justify-content:flex-end;gap:8px;display:flex}.hr-onboarding-cancel-form>div button:last-child{color:#64748b;cursor:pointer;background:#fff;border:1px solid #d6e0ef;border-radius:6px;height:34px;padding:0 12px;font-size:8px}@media (width<=1000px){.hr-onboarding-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.hr-onboarding-stats{grid-template-columns:1fr}.hr-onboarding-filters{flex-direction:column;align-items:stretch}.hr-onboarding-filters input,.hr-onboarding-filters select{width:100%}.hr-onboarding-table{min-width:900px}}@media (width<=600px){.hr-onboarding-modal-overlay{padding:10px}.hr-onboarding-modal{max-height:95vh}.hr-onboarding-details{grid-template-columns:1fr}.hr-onboarding-modal-actions{flex-wrap:wrap}.hr-onboarding-form-row{grid-template-columns:1fr}}.hr-offboarding-page{width:100%}.hr-offboarding-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.hr-offboarding-start-button{color:#fff;cursor:pointer;background:#4169e1;border:none;border-radius:7px;flex-shrink:0;height:38px;padding:0 16px;font-size:9px;font-weight:600}.hr-offboarding-start-button:hover{background:#3158d4}.hr-offboarding-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700;line-height:34px}.hr-offboarding-header p{color:#64748b;margin:0;font-size:13px;line-height:18px}.hr-offboarding-stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.hr-offboarding-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:11px;align-items:center;gap:13px;min-height:80px;padding:16px 18px;display:flex}.hr-offboarding-stat-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.hr-offboarding-stat-icon.total{color:#4169e1;background:#edf3ff}.hr-offboarding-stat-icon.progress{color:#ea580c;background:#fff7ed}.hr-offboarding-stat-icon.completed{color:#059669;background:#ecfdf5}.hr-offboarding-stat-icon.pending{color:#dc2626;background:#fef2f2}.hr-offboarding-stat-card span{color:#64748b;margin-bottom:5px;font-size:9px;line-height:12px;display:block}.hr-offboarding-stat-card strong{color:#111827;font-size:22px;line-height:25px;display:block}.hr-offboarding-card{background:#fff;border:1px solid #e2e8f0;border-radius:11px;overflow:hidden}.hr-offboarding-filters{box-sizing:border-box;border-bottom:1px solid #edf0f4;align-items:center;gap:12px;min-height:68px;padding:14px 24px;display:flex}.hr-offboarding-filters input,.hr-offboarding-filters select{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #d8e1ef;border-radius:7px;outline:none;height:38px;padding:0 12px;font-size:9px}.hr-offboarding-filters input{width:400px;max-width:100%}.hr-offboarding-filters select{cursor:pointer;width:130px}.hr-offboarding-filters input:focus,.hr-offboarding-filters select:focus{border-color:#4169e1;box-shadow:0 0 0 2px #4169e114}.hr-offboarding-table-wrapper{width:100%;overflow-x:auto}.hr-offboarding-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:900px}.hr-offboarding-table th{text-align:left;color:#64748b;white-space:nowrap;background:#f8fafc;height:42px;padding:0 20px;font-size:8px;font-weight:600}.hr-offboarding-table td{color:#64748b;vertical-align:middle;border-top:1px solid #edf0f4;height:65px;padding:0 20px;font-size:9px}.hr-offboarding-table th:first-child,.hr-offboarding-table td:first-child{width:28%}.hr-offboarding-table th:nth-child(2),.hr-offboarding-table td:nth-child(2){width:17%}.hr-offboarding-table th:nth-child(3),.hr-offboarding-table td:nth-child(3){width:16%}.hr-offboarding-table th:nth-child(4),.hr-offboarding-table td:nth-child(4){width:18%}.hr-offboarding-table th:nth-child(5),.hr-offboarding-table td:nth-child(5){width:13%}.hr-offboarding-table th:nth-child(6),.hr-offboarding-table td:nth-child(6){width:8%}.hr-offboarding-employee{align-items:center;gap:10px;display:flex}.hr-offboarding-avatar{color:#3158b7;background:#e4ecff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:8px;font-weight:700;display:flex}.hr-offboarding-employee>div:last-child{min-width:0}.hr-offboarding-employee strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:9px;font-weight:600;display:block;overflow:hidden}.hr-offboarding-employee span{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:7px;display:block;overflow:hidden}.hr-offboarding-progress{align-items:center;gap:8px;display:flex}.hr-offboarding-progress-bar{background:#e5e7eb;border-radius:10px;width:80px;height:6px;overflow:hidden}.hr-offboarding-progress-bar div{background:#4169e1;border-radius:10px;height:100%;transition:width .3s}.hr-offboarding-progress span{color:#64748b;font-size:8px;font-weight:600}.hr-offboarding-status{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:5px 9px;font-size:7px;font-weight:600;display:inline-flex}.hr-offboarding-status.completed{color:#047857;background:#ecfdf5}.hr-offboarding-status.in-progress{color:#c2410c;background:#fff7ed}.hr-offboarding-status.pending,.hr-offboarding-status.initiated{color:#dc2626;background:#fef2f2}.hr-offboarding-status.cancelled{color:#64748b;background:#f1f5f9}.hr-offboarding-view-button{color:#4169e1;cursor:pointer;background:#fff;border:1px solid #d6e0ef;border-radius:6px;min-width:48px;height:27px;padding:0 10px;font-size:8px;transition:all .2s}.hr-offboarding-view-button:hover{background:#f5f8ff;border-color:#b9c9e8}.hr-offboarding-empty{text-align:center;color:#94a3b8!important;height:120px!important;font-size:10px!important}.hr-offboarding-modal-overlay{z-index:1000;box-sizing:border-box;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.hr-offboarding-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0f172a33}.hr-offboarding-modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.hr-offboarding-modal-header h2{color:#111827;margin:0 0 4px;font-size:17px;line-height:22px}.hr-offboarding-modal-header p{color:#94a3b8;margin:0;font-size:9px;line-height:13px}.hr-offboarding-close{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;display:flex}.hr-offboarding-close:hover{background:#f1f5f9}.hr-offboarding-profile{align-items:center;gap:13px;padding:20px 22px;display:flex}.hr-offboarding-large-avatar{color:#3158b7;background:#e4ecff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:11px;font-weight:700;display:flex}.hr-offboarding-profile h3{color:#111827;margin:0 0 3px;font-size:14px;line-height:18px}.hr-offboarding-profile p{color:#475569;margin:0 0 2px;font-size:9px}.hr-offboarding-profile span{color:#94a3b8;font-size:8px}.hr-offboarding-details{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 22px 18px;display:grid}.hr-offboarding-details>div{background:#f8fafc;border-radius:7px;padding:11px}.hr-offboarding-details span{color:#94a3b8;margin-bottom:5px;font-size:8px;display:block}.hr-offboarding-details strong{color:#334155;word-break:break-word;font-size:9px;display:block}.hr-offboarding-progress-section{border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;padding:15px 22px}.hr-offboarding-progress-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.hr-offboarding-progress-title span{color:#64748b;font-size:9px}.hr-offboarding-progress-title strong{color:#4169e1;font-size:10px}.hr-offboarding-modal-progress{background:#e5e7eb;border-radius:10px;width:100%;height:7px;overflow:hidden}.hr-offboarding-modal-progress div{background:#4169e1;border-radius:10px;height:100%;transition:width .3s}.hr-offboarding-checklist{padding:18px 22px}.hr-offboarding-checklist h3{color:#334155;margin:0 0 12px;font-size:10px;font-weight:600}.hr-offboarding-checklist>div{color:#64748b;align-items:center;gap:9px;min-height:32px;font-size:9px;display:flex}.hr-offboarding-checklist>div>span{color:#94a3b8;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;display:flex}.hr-offboarding-checklist>div.completed{color:#334155}.hr-offboarding-checklist>div.completed>span{color:#059669;background:#ecfdf5}.hr-offboarding-notes{background:#f8fafc;border-radius:7px;margin:0 22px 18px;padding:12px}.hr-offboarding-notes span{color:#94a3b8;margin-bottom:5px;font-size:8px;font-weight:600;display:block}.hr-offboarding-notes p{color:#64748b;margin:0;font-size:9px;line-height:14px}.hr-offboarding-modal-actions{border-top:1px solid #edf0f4;justify-content:flex-end;align-items:center;gap:8px;padding:14px 22px;display:flex}.hr-offboarding-pending,.hr-offboarding-progress-button,.hr-offboarding-completed{cursor:pointer;border-radius:6px;height:34px;padding:0 12px;font-size:8px;font-weight:600}.hr-offboarding-pending{color:#dc2626;background:#fff;border:1px solid #fecaca}.hr-offboarding-progress-button{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.hr-offboarding-completed{color:#fff;background:#4169e1;border:none}.hr-offboarding-pending:hover{background:#fef2f2}.hr-offboarding-progress-button:hover{background:#ffedd5}.hr-offboarding-completed:hover{background:#3158d4}.hr-offboarding-action-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;margin:0 22px;padding:10px 12px;font-size:9px}.hr-offboarding-start-form,.hr-offboarding-add-task-form{padding:16px 22px}.hr-offboarding-checklist>div.hr-offboarding-add-task-form{border-top:1px dashed #e2e8f0;min-height:0;margin-top:12px;display:block}.hr-offboarding-form-row{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px;display:grid}.hr-offboarding-start-form label,.hr-offboarding-add-task-form label,.hr-offboarding-form-full{color:#64748b;flex-direction:column;gap:5px;margin-bottom:12px;font-size:8px;font-weight:600;display:flex}.hr-offboarding-form-checkbox{color:#64748b;align-items:center;gap:7px;margin-bottom:12px;font-size:9px;font-weight:600;display:flex}.hr-offboarding-form-checkbox input{width:auto}.hr-offboarding-start-form input,.hr-offboarding-start-form select,.hr-offboarding-add-task-form input,.hr-offboarding-add-task-form select{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #d8e1ef;border-radius:7px;outline:none;height:34px;padding:0 10px;font-size:9px}.hr-offboarding-checklist-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.hr-offboarding-checklist-header h3{margin:0}.hr-offboarding-add-task-toggle{color:#4169e1;cursor:pointer;background:#fff;border:1px solid #d6e0ef;border-radius:6px;height:26px;padding:0 10px;font-size:8px}.hr-offboarding-add-task-toggle:hover{background:#f5f8ff}.hr-offboarding-no-tasks{color:#94a3b8;margin:0 0 8px;font-size:9px}.hr-offboarding-task-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hr-offboarding-task-meta{color:#94a3b8;font-size:7px}.hr-offboarding-task-actions{flex-shrink:0;gap:6px;display:flex}.hr-offboarding-task-actions button{color:#4169e1;cursor:pointer;background:#fff;border:1px solid #d6e0ef;border-radius:5px;height:24px;padding:0 8px;font-size:7px}.hr-offboarding-task-actions button:hover{background:#f5f8ff}.hr-offboarding-cancel-form{flex-direction:column;gap:8px;width:100%;display:flex}.hr-offboarding-cancel-form textarea{color:#334155;box-sizing:border-box;resize:vertical;border:1px solid #d8e1ef;border-radius:7px;outline:none;width:100%;min-height:60px;padding:9px 11px;font-family:inherit;font-size:9px}.hr-offboarding-cancel-form>div{justify-content:flex-end;gap:8px;display:flex}.hr-offboarding-cancel-form>div button:last-child{color:#64748b;cursor:pointer;background:#fff;border:1px solid #d6e0ef;border-radius:6px;height:34px;padding:0 12px;font-size:8px}@media (width<=1000px){.hr-offboarding-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.hr-offboarding-header{flex-direction:column;align-items:stretch}.hr-offboarding-start-button{width:100%}.hr-offboarding-stats{grid-template-columns:1fr}.hr-offboarding-filters{flex-direction:column;align-items:stretch}.hr-offboarding-filters input,.hr-offboarding-filters select{width:100%}.hr-offboarding-table{min-width:900px}}@media (width<=600px){.hr-offboarding-modal-overlay{padding:10px}.hr-offboarding-modal{max-height:95vh}.hr-offboarding-details{grid-template-columns:1fr}.hr-offboarding-modal-actions{flex-wrap:wrap}.hr-offboarding-form-row{grid-template-columns:1fr}}.hr-reports-page{width:100%;min-height:100%}.hr-reports-header{margin-bottom:25px}.hr-reports-header h1{color:#0f172a;margin:0 0 6px;font-size:28px;font-weight:700;line-height:34px}.hr-reports-header p{color:#64748b;margin:0;font-size:13px;line-height:18px}.hr-reports-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}.hr-report-card{box-sizing:border-box;background:#fff;border:1px solid #dfe5ee;border-radius:11px;align-items:center;gap:18px;min-height:118px;padding:24px;transition:box-shadow .2s,border-color .2s;display:flex}.hr-report-card:hover{border-color:#d4ddeb;box-shadow:0 4px 14px #0f172a0a}.hr-report-icon{color:#4169e1;background:#eef3ff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:53px;height:53px;font-size:23px;display:flex}.hr-report-content{flex:1;min-width:0}.hr-report-content h2{color:#102b4f;margin:0 0 5px;font-size:14px;font-weight:600;line-height:18px}.hr-report-content p{color:#526b89;margin:0 0 13px;font-size:9px;line-height:13px}.hr-report-content span{color:#4169e1;font-size:8px}.hr-report-generate{color:#4169e1;cursor:pointer;background:#fff;border:1px solid #d4deef;border-radius:6px;flex-shrink:0;width:72px;height:32px;font-size:8px;font-weight:500;transition:all .2s}.hr-report-generate:hover{background:#f4f7ff;border-color:#b9c9e8}.hr-report-modal-overlay{z-index:1000;box-sizing:border-box;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.hr-report-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 60px #0f172a33}.hr-report-modal-header{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.hr-report-modal-header h2{color:#111827;margin:0 0 5px;font-size:17px}.hr-report-modal-header p{color:#94a3b8;margin:0;font-size:9px}.hr-report-close{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;display:flex}.hr-report-close:hover{background:#f1f5f9}.hr-report-modal-body{padding:25px 22px}.hr-report-preview-icon{color:#4169e1;background:#eef3ff;border-radius:10px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:14px;font-size:24px;display:flex}.hr-report-modal-body h3{color:#111827;margin:0 0 7px;font-size:15px}.hr-report-modal-body>p{color:#64748b;margin:0 0 20px;font-size:9px;line-height:15px}.hr-report-info-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.hr-report-info-grid>div{background:#f8fafc;border-radius:7px;padding:12px}.hr-report-info-grid span{color:#94a3b8;margin-bottom:5px;font-size:8px;display:block}.hr-report-info-grid strong{color:#334155;font-size:9px}.hr-report-modal-wide{max-width:760px}.hr-report-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.hr-report-search{background:#fff;border:1px solid #dbe3f0;border-radius:6px;align-items:center;gap:8px;width:220px;max-width:100%;height:34px;padding:0 10px;display:flex}.hr-report-search span{color:#94a3b8;font-size:14px}.hr-report-search input{color:#334155;border:none;outline:none;width:100%;font-size:9px}.hr-report-search input::placeholder{color:#94a3b8}.hr-report-filter-bar select,.hr-report-filter-bar input[type=date],.hr-report-filter-bar input[type=number]{color:#334155;background:#fff;border:1px solid #dbe3f0;border-radius:6px;height:34px;padding:0 9px;font-size:8px}.hr-report-filter-bar input[type=number]{width:80px}.hr-report-table-wrapper{border:1px solid #edf0f4;border-radius:8px;width:100%;max-height:320px;margin-top:14px;overflow:auto}.hr-report-preview-table{border-collapse:collapse;width:100%;min-width:560px}.hr-report-preview-table th{color:#64748b;text-align:left;white-space:nowrap;background:#f8fafc;padding:10px 14px;font-size:8px;font-weight:600;position:sticky;top:0}.hr-report-preview-table td{color:#334155;white-space:nowrap;border-top:1px solid #edf0f4;padding:10px 14px;font-size:9px}.hr-report-empty-row{text-align:center;color:#94a3b8!important;padding:24px!important}.hr-report-note{color:#94a3b8;margin:10px 0 0;font-size:8px;line-height:13px}.hr-report-no-data{background:#f8fafc;border-radius:8px;margin-top:18px;padding:22px}.hr-report-no-data p{color:#64748b;margin:0;font-size:10px;line-height:16px}.hr-report-modal-footer{border-top:1px solid #e8edf4;justify-content:flex-end;align-items:center;gap:8px;padding:14px 22px;display:flex}.hr-report-cancel,.hr-report-download{cursor:pointer;border-radius:6px;height:35px;padding:0 14px;font-size:8px;font-weight:600}.hr-report-modal-footer select{color:#334155;background:#fff;border:1px solid #d8e1ef;border-radius:6px;height:35px;padding:0 10px;font-size:8px}.hr-report-cancel{color:#64748b;background:#fff;border:1px solid #d8e1ef}.hr-report-download{color:#fff;background:#4b67d1;border:none}.hr-report-cancel:hover{background:#f8fafc}.hr-report-download:hover{background:#3d58c1}.hr-report-download:disabled{cursor:not-allowed;background:#cbd5e1}.hr-report-download:disabled:hover{background:#cbd5e1}@media (width<=900px){.hr-reports-grid{grid-template-columns:1fr}}@media (width<=600px){.hr-report-card{gap:12px;padding:18px}.hr-report-icon{width:45px;height:45px;font-size:19px}.hr-report-generate{width:65px}.hr-report-info-grid{grid-template-columns:1fr}.hr-report-search,.hr-report-filter-bar select{width:100%}}.hr-notifications-page{width:100%;min-height:100%}.hr-notifications-header{justify-content:space-between;align-items:flex-start;margin-bottom:27px;display:flex}.hr-notifications-header h1{color:#0f172a;margin:0 0 6px;font-size:28px;font-weight:700;line-height:34px}.hr-notifications-header p{color:#64748b;margin:0;font-size:13px;line-height:18px}.hr-mark-all-button{color:#4169d1;cursor:pointer;background:#fff;border:1px solid #d6e0ef;border-radius:8px;height:46px;padding:0 17px;font-size:10px;font-weight:600;transition:all .2s}.hr-mark-all-button:hover{background:#f5f8ff;border-color:#b9c9e8}.hr-unread-card{box-sizing:border-box;background:#fff;border:1px solid #dfe5ee;border-radius:11px;flex-direction:column;justify-content:center;width:275px;min-height:92px;margin-bottom:25px;padding:20px;display:flex}.hr-unread-card span{color:#526b89;margin-bottom:7px;font-size:9px;line-height:12px}.hr-unread-card strong{color:#0f172a;font-size:24px;line-height:27px}.hr-notification-list{background:#fff;border:1px solid #dfe5ee;border-radius:11px;width:100%;overflow:hidden}.hr-notification-item{box-sizing:border-box;cursor:pointer;border-bottom:1px solid #e8edf4;align-items:center;gap:17px;min-height:111px;padding:24px;transition:background .2s;display:flex;position:relative}.hr-notification-item:last-child{border-bottom:none}.hr-notification-item:hover{background:#fafcff}.hr-notification-item.unread{background:#f8faff}.hr-notification-item.unread:hover{background:#f4f7ff}.hr-notification-icon{background:#eef3ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:17px;display:flex}.hr-notification-content{flex:1;min-width:0}.hr-notification-content h3{color:#102b4f;margin:0 0 6px;font-size:12px;font-weight:600;line-height:16px}.hr-notification-content p{color:#496684;margin:0 0 8px;font-size:9px;line-height:14px}.hr-notification-content span{color:#8da0b8;font-size:8px;line-height:12px}.hr-no-notifications{text-align:center;color:#94a3b8;padding:48px 24px;font-size:10px}.hr-notification-dot{background:#4b67d1;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-right:3px}@media (width<=700px){.hr-notifications-header{flex-direction:column;gap:15px}.hr-mark-all-button{height:40px}.hr-unread-card{width:100%}.hr-notification-item{gap:12px;padding:18px}.hr-notification-icon{width:42px;height:42px}}.hr-settings-page{width:100%}.hr-settings-header{margin-bottom:22px}.hr-settings-header h1{color:#111827;margin:0 0 6px;font-size:28px}.hr-settings-header p{color:#64748b;margin:0;font-size:13px}.hr-settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.settings-section{border-bottom:1px solid #edf0f4;padding:22px}.settings-section h2{color:#334155;margin:0 0 5px;font-size:14px}.settings-section>p{color:#94a3b8;margin:0 0 18px;font-size:9px}.setting-row{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.setting-row div{flex-direction:column;gap:4px;display:flex}.setting-row strong{color:#334155;font-size:10px}.setting-row span{color:#94a3b8;font-size:8px}.toggle{cursor:pointer;background:#cbd5e1;border:none;border-radius:20px;width:36px;height:20px;position:relative}.toggle span{background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle.active{background:#4169e1}.toggle.active span{left:19px}.settings-actions{align-items:center;gap:8px;padding:18px 22px;display:flex}.settings-save,.settings-cancel{cursor:pointer;border-radius:6px;padding:8px 14px;font-size:9px}.settings-save{color:#fff;background:#4169e1;border:none}.settings-cancel{color:#64748b;background:#fff;border:1px solid #dbe3f0}.settings-save:disabled,.settings-cancel:disabled{opacity:.5;cursor:not-allowed}.settings-save-confirmation{color:#047857;font-size:9px;font-weight:600}.hr-roles-page{width:100%}.hr-roles-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.hr-roles-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700}.hr-roles-header p{color:#64748b;margin:0;font-size:13px}.add-designation-button{color:#fff;cursor:pointer;background:#4169e1;border:none;border-radius:7px;padding:10px 16px;font-size:11px;font-weight:600}.add-designation-button:hover{background:#3158d2}.designation-summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.designation-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;min-height:90px;padding:16px;display:flex}.designation-summary-icon{color:#4169e1;background:#edf3ff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.designation-summary-card div:last-child{flex-direction:column;gap:4px;display:flex}.designation-summary-card span{color:#64748b;font-size:9px}.designation-summary-card strong{color:#111827;font-size:22px}.designations-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.designations-toolbar{border-bottom:1px solid #edf0f4;padding:17px 20px}.designation-search{background:#fff;border:1px solid #dbe3f0;border-radius:6px;align-items:center;gap:8px;width:380px;max-width:100%;height:36px;padding:0 11px;display:flex}.designation-search span{color:#94a3b8;font-size:16px}.designation-search input{color:#334155;border:none;outline:none;width:100%;font-size:10px}.designation-search input::placeholder{color:#94a3b8}.designations-table-wrapper{width:100%;overflow-x:auto}.designations-table{border-collapse:collapse;width:100%;min-width:900px}.designations-table th{color:#64748b;text-align:left;white-space:nowrap;background:#f8fafc;padding:12px 20px;font-size:8px;font-weight:600}.designations-table td{color:#64748b;white-space:nowrap;border-top:1px solid #edf0f4;padding:13px 20px;font-size:9px}.designations-table tbody tr:hover{background:#fafcff}.designation-info{align-items:center;gap:10px;display:flex}.designation-icon{color:#4169e1;background:#edf3ff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:9px;font-weight:700;display:flex}.designation-info div:last-child{flex-direction:column;gap:3px;display:flex}.designation-info strong{color:#334155;font-size:9px}.designation-info span{color:#94a3b8;font-size:7px}.designation-level-badge{color:#3158d2;background:#edf3ff;border-radius:20px;padding:4px 8px;font-size:7px;font-weight:600;display:inline-flex}.employee-count{color:#334155;font-weight:600}.designation-status{color:#047857;background:#ecfdf5;border-radius:20px;padding:4px 8px;font-size:7px;font-weight:600;display:inline-flex}.designation-view-button{color:#4169e1;cursor:pointer;background:#fff;border:1px solid #dbe3f0;border-radius:5px;padding:5px 10px;font-size:8px}.designation-view-button:hover{background:#f8faff}.no-designations{text-align:center;color:#94a3b8!important;padding:40px!important}.designations-footer{color:#94a3b8;border-top:1px solid #edf0f4;padding:13px 20px;font-size:8px}.designations-footer strong{color:#64748b}.designation-modal-overlay{z-index:2000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.designation-modal{background:#fff;border-radius:12px;width:430px;max-width:100%;padding:22px;box-shadow:0 20px 50px #0f172a33}.designation-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.designation-modal-header h2{color:#111827;margin:0 0 5px;font-size:17px}.designation-modal-header p{color:#94a3b8;margin:0;font-size:9px}.designation-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;width:30px;height:30px;font-size:18px}.designation-form-group{margin-bottom:15px}.designation-form-group label{color:#334155;margin-bottom:6px;font-size:9px;font-weight:600;display:block}.designation-form-group input,.designation-form-group select{box-sizing:border-box;color:#334155;border:1px solid #dbe3f0;border-radius:6px;outline:none;width:100%;height:38px;padding:0 10px;font-size:10px}.designation-form-group input:focus,.designation-form-group select:focus{border-color:#4169e1}.designation-form-group input::placeholder{color:#94a3b8}.designation-modal-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.cancel-designation-button,.save-designation-button{cursor:pointer;border-radius:6px;padding:9px 13px;font-size:9px;font-weight:600}.cancel-designation-button{color:#64748b;background:#fff;border:1px solid #dbe3f0}.save-designation-button{color:#fff;background:#4169e1;border:1px solid #4169e1}.save-designation-button:hover{background:#3158d2}@media (width<=900px){.designation-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.hr-roles-header{flex-direction:column;align-items:flex-start;gap:14px}.designation-summary-grid{grid-template-columns:1fr}.designation-search{width:100%}}.hr-holidays-page{width:100%}.hr-holidays-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.hr-holidays-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700}.hr-holidays-header p{color:#64748b;margin:0;font-size:13px}.add-holiday-button{color:#fff;cursor:pointer;background:#4169e1;border:none;border-radius:7px;padding:10px 16px;font-size:11px;font-weight:600}.add-holiday-button:hover{background:#3158d2}.holiday-summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.holiday-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;min-height:90px;padding:16px;display:flex}.holiday-summary-icon{color:#4169e1;background:#edf3ff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.holiday-summary-card div:last-child{flex-direction:column;gap:4px;display:flex}.holiday-summary-card span{color:#64748b;font-size:9px}.holiday-summary-card strong{color:#111827;font-size:22px}.holidays-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.holidays-toolbar{border-bottom:1px solid #edf0f4;flex-wrap:wrap;align-items:center;gap:12px;padding:17px 20px;display:flex}.holiday-search{background:#fff;border:1px solid #dbe3f0;border-radius:6px;align-items:center;gap:8px;width:320px;max-width:100%;height:36px;padding:0 11px;display:flex}.holiday-search span{color:#94a3b8;font-size:16px}.holiday-search input{color:#334155;border:none;outline:none;width:100%;font-size:10px}.holiday-search input::placeholder{color:#94a3b8}.holidays-toolbar select{color:#334155;background:#fff;border:1px solid #dbe3f0;border-radius:6px;height:36px;padding:0 10px;font-size:9px}.holidays-table-wrapper{width:100%;overflow-x:auto}.holidays-table{border-collapse:collapse;width:100%;min-width:700px}.holidays-table th{color:#64748b;text-align:left;white-space:nowrap;background:#f8fafc;padding:12px 20px;font-size:8px;font-weight:600}.holidays-table td{color:#64748b;white-space:nowrap;border-top:1px solid #edf0f4;padding:13px 20px;font-size:9px}.holidays-table tbody tr:hover{background:#fafcff}.holiday-name{color:#334155}.holiday-type-badge{border-radius:20px;padding:4px 8px;font-size:7px;font-weight:600;display:inline-flex}.holiday-type-badge.national{color:#047857;background:#ecfdf5}.holiday-type-badge.regional{color:#3158d2;background:#edf3ff}.holiday-type-badge.company{color:#c2410c;background:#fff7ed}.holiday-type-badge.optional{color:#64748b;background:#f1f5f9}.holiday-actions{gap:6px;display:flex}.holiday-edit-button,.holiday-delete-button{cursor:pointer;border-radius:5px;padding:5px 10px;font-size:8px}.holiday-edit-button{color:#4169e1;background:#fff;border:1px solid #dbe3f0}.holiday-edit-button:hover{background:#f8faff}.holiday-delete-button{color:#dc2626;background:#fff;border:1px solid #fecaca}.holiday-delete-button:hover{background:#fef2f2}.no-holidays{text-align:center;color:#94a3b8!important;padding:40px!important}.holidays-footer{color:#94a3b8;border-top:1px solid #edf0f4;padding:13px 20px;font-size:8px}.holidays-footer strong{color:#64748b}.holiday-modal-overlay{z-index:2000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.holiday-modal{background:#fff;border-radius:12px;width:430px;max-width:100%;padding:22px;box-shadow:0 20px 50px #0f172a33}.holiday-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.holiday-modal-header h2{color:#111827;margin:0 0 5px;font-size:17px}.holiday-modal-header p{color:#94a3b8;margin:0;font-size:9px}.holiday-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;width:30px;height:30px;font-size:18px}.holiday-form-group{margin-bottom:15px}.holiday-form-group label{color:#334155;margin-bottom:6px;font-size:9px;font-weight:600;display:block}.holiday-form-group input,.holiday-form-group select{box-sizing:border-box;color:#334155;border:1px solid #dbe3f0;border-radius:6px;outline:none;width:100%;height:38px;padding:0 10px;font-size:10px}.holiday-form-group input:focus,.holiday-form-group select:focus{border-color:#4169e1}.holiday-form-group input::placeholder{color:#94a3b8}.holiday-modal-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.cancel-holiday-button,.save-holiday-button{cursor:pointer;border-radius:6px;padding:9px 13px;font-size:9px;font-weight:600}.cancel-holiday-button{color:#64748b;background:#fff;border:1px solid #dbe3f0}.save-holiday-button{color:#fff;background:#4169e1;border:1px solid #4169e1}.save-holiday-button:hover{background:#3158d2}@media (width<=900px){.holiday-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.hr-holidays-header{flex-direction:column;align-items:flex-start;gap:14px}.holiday-summary-grid{grid-template-columns:1fr}.holiday-search{width:100%}.holidays-toolbar{flex-direction:column;align-items:stretch}.holidays-toolbar select{width:100%}}.vertical-bar-chart-container{width:100%;min-width:0}.vertical-bar-chart{max-width:100%;display:block}.vertical-bar-chart .vbc-grid-line{stroke:#edf1f5;stroke-width:1px}.vertical-bar-chart .vbc-zero-line{stroke:#94a3b8;stroke-width:1.5px}.vertical-bar-chart .vbc-tick{fill:#7b8da6;font-size:13px}.vertical-bar-chart .vbc-label{fill:#172b4d;font-size:14px;font-weight:600}.vertical-bar-chart .vbc-value{fill:#0f172a;font-size:13px;font-weight:600}.vertical-bar-chart .vbc-value.muted{fill:#94a3b8}.vertical-bar-chart .vbc-unavailable{fill:#f8fafc;stroke:#cbd5e1;stroke-width:1.5px;stroke-dasharray:5 4}.vertical-bar-chart.compact .vbc-tick,.vertical-bar-chart.compact .vbc-value,.vertical-bar-chart.compact .vbc-label{font-size:11px}.admin-dashboard{width:100%}.admin-dashboard-header{margin-bottom:24px}.admin-dashboard-header h1{color:#0f172a;margin:0 0 6px;font-size:28px;font-weight:700;line-height:34px}.admin-dashboard-header p{color:#64748b;margin:0;font-size:13px;line-height:18px}.admin-dashboard-statistics{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.admin-dashboard-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e0e6ef;border-radius:11px;align-items:center;gap:15px;min-height:105px;padding:20px;display:flex}.admin-dashboard-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex}.admin-dashboard-stat-icon.employees{color:#4169d1;background:#eef3ff}.admin-dashboard-stat-icon.managers{color:#7254c9;background:#f3efff}.admin-dashboard-stat-icon.hr{color:#e87516;background:#fff3e8}.admin-dashboard-stat-icon.active{color:#087f5b;background:#ecfdf5}.admin-dashboard-stat-content span{color:#64748b;margin-bottom:6px;font-size:9px;display:block}.admin-dashboard-stat-content strong{color:#0f172a;font-size:23px;line-height:27px}.admin-dashboard-main-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;margin-bottom:20px;display:grid}.admin-dashboard-card{background:#fff;border:1px solid #e0e6ef;border-radius:11px;overflow:hidden}.admin-dashboard-card-header{box-sizing:border-box;border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;min-height:75px;padding:18px 20px;display:flex}.admin-dashboard-card-header h2{color:#102b4f;margin:0 0 4px;font-size:14px;font-weight:600}.admin-dashboard-card-header p{color:#7b8da6;margin:0;font-size:9px}.admin-quick-actions{padding:10px 14px}.admin-quick-action{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #edf1f5;align-items:center;gap:12px;width:100%;min-height:72px;padding:10px 7px;display:flex}.admin-quick-action:last-child{border-bottom:none}.admin-quick-action:hover{background:#fafcff}.admin-quick-action-icon{color:#4169d1;background:#eef3ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.admin-quick-action-content{flex:1;min-width:0}.admin-quick-action-content strong{color:#172b4d;margin-bottom:4px;font-size:10px;display:block}.admin-quick-action-content span{color:#7b8da6;font-size:8px;line-height:13px;display:block}.admin-quick-action-arrow{color:#8da0b8;font-size:14px}.admin-view-all{color:#4169d1;cursor:pointer;background:0 0;border:none;font-size:9px}.admin-activity-list{padding:8px 20px}.admin-activity-empty{padding:20px}.admin-activity-empty p{color:#94a3b8;margin:0;font-size:12px;line-height:1.6}.admin-dashboard-error{color:#dc2626;margin:0 0 16px;font-size:13px}.admin-activity-item{box-sizing:border-box;border-bottom:1px solid #edf1f5;gap:12px;min-height:77px;padding:12px 0;display:flex}.admin-activity-item:last-child{border-bottom:none}.admin-activity-icon{color:#087f5b;background:#ecfdf5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:10px;display:flex}.admin-activity-content{min-width:0}.admin-activity-content strong{color:#172b4d;margin-bottom:3px;font-size:9px;display:block}.admin-activity-content p{color:#71849e;margin:0 0 5px;font-size:8px;line-height:12px}.admin-activity-content span{color:#9aaabd;font-size:7px}.admin-system-overview{width:100%}.admin-overview-grid{grid-template-columns:repeat(4,1fr);gap:14px;padding:20px;display:grid}.admin-overview-item{background:#f8fafc;border-radius:8px;padding:17px}.admin-overview-item span{color:#71849e;margin-bottom:8px;font-size:8px;display:block}.admin-overview-item strong{color:#102b4f;font-size:19px}@media (width<=1050px){.admin-dashboard-statistics{grid-template-columns:repeat(2,1fr)}.admin-dashboard-main-grid{grid-template-columns:1fr}}@media (width<=650px){.admin-dashboard-statistics{grid-template-columns:1fr}.admin-overview-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=450px){.admin-overview-grid{grid-template-columns:1fr}}.admin-financial-overview{margin-bottom:20px}.admin-financial-header{flex-wrap:wrap;gap:12px}.admin-financial-period{align-items:center;gap:8px;display:flex}.admin-financial-period span{color:#7b8da6;font-size:9px}.admin-financial-period input{color:#172b4d;background:#fff;border:1px solid #e0e6ef;border-radius:8px;height:32px;padding:0 10px;font-size:12px}.admin-financial-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 20px 0;display:grid}.admin-financial-card{min-height:96px}.admin-financial-card .admin-dashboard-stat-content{min-width:0}.admin-financial-card .admin-dashboard-stat-content strong{overflow-wrap:anywhere;font-size:19px;line-height:24px;display:block}.admin-financial-card .admin-dashboard-stat-content strong.negative{color:#dc2626}.admin-financial-card .admin-dashboard-stat-content strong.unavailable{color:#94a3b8;font-size:15px}.admin-financial-card .admin-dashboard-stat-content small{color:#7b8da6;margin-top:4px;font-size:9px;line-height:13px;display:block}.admin-dashboard-stat-icon.income{color:#4169d1;background:#eef3ff}.admin-dashboard-stat-icon.salary{color:#7254c9;background:#f3efff}.admin-dashboard-stat-icon.expense{color:#e87516;background:#fff3e8}.admin-dashboard-stat-icon.profit{color:#087f5b;background:#ecfdf5}.admin-financial-chart{padding:16px 20px 4px}.admin-financial-notes{padding:0 20px 18px}.admin-financial-notes p{color:#7b8da6;margin:6px 0 0;font-size:11px;line-height:1.5}.admin-financial-state{color:#7b8da6;margin:0;padding:28px 20px;font-size:12px}.admin-financial-state.error p{color:#dc2626;margin:0 0 8px;font-size:12px}@media (width<=1050px){.admin-financial-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.admin-financial-cards{grid-template-columns:1fr}.admin-financial-chart{padding:12px 8px 0}}.admin-dashboard-setup{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin:0 0 20px;padding:16px 18px}.admin-dashboard-setup h2{color:#92400e;margin:0 0 10px;font-size:15px}.admin-dashboard-setup ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.admin-dashboard-setup li{color:#78350f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.admin-dashboard-setup button{color:#92400e;cursor:pointer;background:#fff;border:1px solid #f59e0b;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.admin-dashboard-setup button:hover{background:#fef3c7}.add-user-page{width:100%}.add-user-header{margin-bottom:22px}.add-user-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700}.add-user-header p{color:#64748b;margin:0;font-size:13px}.add-user-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:24px}.add-user-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.add-user-field{flex-direction:column;gap:6px;display:flex}.add-user-field label{color:#334155;font-size:12px;font-weight:600}.add-user-field input,.add-user-field select{box-sizing:border-box;color:#334155;border:1px solid #dbe3f0;border-radius:6px;height:38px;padding:0 10px;font-size:13px}.add-user-error{color:#b91c1c;background:#fef2f2;border-radius:6px;margin:16px 0 0;padding:10px 12px;font-size:12px}.add-user-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.primary-button,.secondary-button{cursor:pointer;border-radius:7px;padding:10px 18px;font-size:13px;font-weight:600}.primary-button{color:#fff;background:#4169e1;border:none}.primary-button:hover{background:#3158d2}.primary-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{color:#334155;background:#fff;border:1px solid #dbe3f0}.secondary-button:hover{background:#f8faff}.admin-users-page{background:#f5f7fb;min-height:calc(100vh - 72px);padding:28px}.admin-users-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.admin-users-header h1{color:#1f2937;margin:0;font-size:28px;font-weight:700}.admin-users-header p{color:#6b7280;margin:7px 0 0;font-size:14px}.admin-add-user-btn{color:#fff;cursor:pointer;background:#222f63;border:none;border-radius:7px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.admin-add-user-btn:hover{background:#18244f}.admin-add-user-btn span{font-size:20px;line-height:14px}.admin-user-summary{grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:24px;display:grid}.admin-user-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 2px 7px #00000008}.summary-icon{color:#222f63;background:#eef2ff;border-radius:9px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.summary-icon.active{color:#16834b;background:#ecfdf3}.summary-icon.employee{color:#2563eb;background:#eff6ff}.summary-icon.manager{color:#ea580c;background:#fff7ed}.summary-icon.hr{color:#7c3aed;background:#f5f3ff}.admin-user-summary-card p{color:#6b7280;margin:0 0 4px;font-size:13px}.admin-user-summary-card h2{color:#1f2937;margin:0;font-size:24px}.admin-users-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 2px 7px #00000008}.admin-users-toolbar{border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:18px;display:flex}.admin-user-search{background:#fff;border:1px solid #d7dce5;border-radius:7px;flex:1;align-items:center;min-width:250px;height:42px;padding:0 13px;display:flex}.admin-user-search span{color:#8a94a6;margin-right:8px;font-size:22px}.admin-user-search input{color:#374151;border:none;outline:none;width:100%;font-size:13px}.admin-user-search input::placeholder{color:#9ca3af}.admin-users-toolbar select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d7dce5;border-radius:7px;outline:none;min-width:135px;height:42px;padding:0 12px}.clear-filter-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d7dce5;border-radius:7px;height:42px;padding:0 15px;font-weight:500}.admin-users-table-wrapper{width:100%;overflow-x:auto}.admin-users-table{border-collapse:collapse;width:100%;min-width:1000px}.admin-users-table th{color:#6b7280;text-align:left;text-transform:uppercase;letter-spacing:.3px;background:#f8f9fc;border-bottom:1px solid #e5e7eb;padding:14px 18px;font-size:12px;font-weight:700}.admin-users-table td{color:#4b5563;vertical-align:middle;border-bottom:1px solid #eef0f4;padding:15px 18px;font-size:13px}.admin-users-table tbody tr:hover{background:#fafbfe}.admin-users-table tbody tr:last-child td{border-bottom:none}.user-name-cell{align-items:center;gap:11px;min-width:160px;display:flex}.user-avatar{color:#222f63;background:#e9edff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.user-name-cell strong{color:#1f2937;font-size:13px}.role-badge{border-radius:20px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.role-badge.employee{color:#2563eb;background:#eff6ff}.role-badge.manager{color:#c2410c;background:#fff7ed}.role-badge.hr-admin{color:#7c3aed;background:#f5f3ff}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.status-active{color:#15803d;background:#ecfdf3}.status-inactive{color:#dc2626;background:#fef2f2}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.user-actions{align-items:center;gap:5px;display:flex}.user-actions button{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:31px;height:31px;font-size:13px;transition:all .2s;display:flex}.action-view{color:#2563eb}.action-view:hover{background:#eff6ff}.action-edit{color:#7c3aed}.action-edit:hover{background:#f5f3ff}.action-status{color:#d97706}.action-status:hover{background:#fffbeb}.action-delete{color:#dc2626}.action-delete:hover{background:#fef2f2}.admin-users-footer{color:#6b7280;border-top:1px solid #e5e7eb;padding:14px 18px;font-size:12px}.admin-users-footer strong{color:#374151}.no-users-found{text-align:center!important;color:#9ca3af!important;padding:45px!important}.admin-users-action-error{color:#b91c1c;background:#fef2f2;border-radius:8px;margin:0 0 16px;padding:10px 14px;font-size:13px}.admin-modal-overlay{z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal,.admin-view-modal{background:#fff;border-radius:12px;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0003}.admin-view-modal{max-width:550px}.admin-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.admin-modal-header h2{color:#1f2937;margin:0;font-size:20px}.admin-modal-header p{color:#6b7280;margin:5px 0 0;font-size:13px}.modal-close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:27px;line-height:20px}.modal-close-btn:hover{color:#1f2937}.admin-modal form{padding:24px}.admin-form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-group{flex-direction:column;gap:7px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151;font-size:13px;font-weight:600}.form-group label span{color:#dc2626}.form-group input,.form-group select{color:#374151;background:#fff;border:1px solid #d7dce5;border-radius:7px;outline:none;height:42px;padding:0 12px;font-size:13px}.form-group input:focus,.form-group select:focus{border-color:#222f63;box-shadow:0 0 0 2px #222f6314}.admin-modal-footer,.view-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.modal-cancel-btn,.modal-save-btn{cursor:pointer;border-radius:7px;height:40px;padding:0 18px;font-size:13px;font-weight:600}.modal-cancel-btn{color:#4b5563;background:#fff;border:1px solid #d7dce5}.modal-cancel-btn:hover{background:#f5f7fb}.modal-save-btn{color:#fff;background:#222f63;border:none}.modal-save-btn:hover{background:#18244f}.view-user-profile{text-align:center;padding:28px 20px 20px}.large-user-avatar{color:#222f63;background:#e9edff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 12px;font-size:25px;font-weight:700;display:flex}.view-user-profile h2{color:#1f2937;margin:0 0 8px;font-size:20px}.view-role{color:#222f63;background:#eef2ff;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.user-details-grid{border:1px solid #e5e7eb;border-radius:9px;grid-template-columns:1fr 1fr;margin:5px 24px 24px;display:grid;overflow:hidden}.user-details-grid div{border-bottom:1px solid #e5e7eb;padding:15px}.user-details-grid div:nth-child(odd){border-right:1px solid #e5e7eb}.user-details-grid div:nth-child(3),.user-details-grid div:nth-child(4){border-bottom:none}.user-details-grid span{color:#8a94a6;margin-bottom:5px;font-size:11px;display:block}.user-details-grid strong{color:#374151;word-break:break-word;font-size:13px}.detail-active{color:#15803d!important}.detail-inactive{color:#dc2626!important}@media (width<=1200px){.admin-user-summary{grid-template-columns:repeat(3,1fr)}}@media (width<=850px){.admin-users-page{padding:20px}.admin-users-header{align-items:flex-start;gap:15px}.admin-users-toolbar{flex-wrap:wrap}.admin-user-search{flex-basis:100%}.admin-user-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.admin-users-header{flex-direction:column}.admin-add-user-btn{justify-content:center;width:100%}.admin-user-summary,.admin-form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:auto}.user-details-grid{grid-template-columns:1fr}.user-details-grid div:nth-child(odd){border-right:none}.user-details-grid div:nth-child(3){border-bottom:1px solid #e5e7eb}}.login-status-page{width:100%}.login-status-header{margin-bottom:22px}.login-status-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700}.login-status-header p{color:#64748b;margin:0;font-size:13px}.login-status-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0;overflow:hidden}.login-status-table-wrapper{overflow-x:auto}.login-status-table{border-collapse:collapse;width:100%}.login-status-table th{text-align:left;color:#64748b;text-transform:uppercase;background:#f8f9fc;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:11px}.login-status-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:13px}.login-status-empty{text-align:center;color:#6b7280;padding:24px}.login-status-badge{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.login-status-badge.never{color:#6b7280;background:#f3f4f6}.login-status-badge.logged-in{color:#15803d;background:#f0fdf4}.admin-roles-page{background:#f5f7fb;min-height:calc(100vh - 72px);padding:28px}.admin-roles-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.admin-roles-header h1{color:#1f2937;margin:0;font-size:28px;font-weight:700}.admin-roles-header p{color:#6b7280;margin:7px 0 0;font-size:14px}.create-role-btn{color:#fff;cursor:pointer;background:#222f63;border:none;border-radius:7px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;display:flex}.create-role-btn:hover{background:#18244f}.create-role-btn span{font-size:20px}.roles-summary{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.role-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 2px 7px #00000008}.role-summary-icon{color:#222f63;background:#eef2ff;border-radius:9px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.role-summary-icon.blue{color:#2563eb;background:#eff6ff}.role-summary-icon.green{color:#15803d;background:#ecfdf3}.role-summary-icon.purple{color:#7c3aed;background:#f5f3ff}.role-summary-card p{color:#6b7280;margin:0 0 4px;font-size:13px}.role-summary-card h2{color:#1f2937;margin:0;font-size:24px}.roles-content{grid-template-columns:330px 1fr;align-items:start;gap:20px;display:grid}.roles-list-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 2px 7px #00000008}.roles-list-header{border-bottom:1px solid #e5e7eb;padding:20px}.roles-list-header h2{color:#1f2937;margin:0;font-size:17px}.roles-list-header p{color:#8a94a6;margin:5px 0 0;font-size:12px}.roles-list{padding:8px}.role-list-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:14px 12px;transition:all .2s;display:flex}.role-list-item:hover{background:#f7f8fc}.role-list-item.selected{background:#eef2ff}.role-list-icon{color:#222f63;background:#f1f3f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.role-list-item.selected .role-list-icon{color:#fff;background:#222f63}.role-list-info{flex:1;min-width:0}.role-list-info h3{color:#1f2937;margin:0;font-size:13px}.role-list-info p{color:#8a94a6;white-space:nowrap;text-overflow:ellipsis;margin:4px 0;font-size:11px;overflow:hidden}.role-list-info span{color:#667085;font-size:10px}.role-list-arrow{color:#9ca3af;font-size:22px}.permissions-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 2px 7px #00000008}.permissions-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:15px;padding:21px 23px;display:flex}.selected-role-title{align-items:center;gap:12px;display:flex}.selected-role-icon{color:#222f63;background:#eef2ff;border-radius:9px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.selected-role-title h2{color:#1f2937;margin:0;font-size:18px}.selected-role-title p{color:#8a94a6;margin:4px 0 0;font-size:12px}.permission-actions{align-items:center;gap:7px;display:flex}.permission-actions button{color:#5b6472;cursor:pointer;background:#fff;border:1px solid #dfe3eb;border-radius:6px;height:34px;padding:0 11px;font-size:11px;font-weight:600}.permission-actions button:hover{background:#f7f8fb}.permission-actions .edit-role-btn{color:#fff;background:#222f63;border-color:#222f63}.permission-actions .edit-role-btn:hover{background:#18244f}.permission-actions .delete-role-btn{color:#dc2626;width:34px;padding:0}.permission-actions .delete-role-btn:hover{background:#fef2f2}.permission-overview{border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:repeat(3,1fr);margin:20px 23px;display:grid;overflow:hidden}.permission-overview div{border-right:1px solid #e5e7eb;padding:15px}.permission-overview div:last-child{border-right:none}.permission-overview span{color:#8a94a6;margin-bottom:5px;font-size:11px;display:block}.permission-overview strong{color:#1f2937;font-size:15px}.permissions-section{border:1px solid #e5e7eb;border-radius:8px;margin:0 23px 23px;overflow:hidden}.permissions-section-header{background:#f8f9fc;border-bottom:1px solid #e5e7eb;padding:16px}.permissions-section-header h3{color:#374151;margin:0;font-size:14px}.permissions-section-header p{color:#8a94a6;margin:4px 0 0;font-size:11px}.permissions-list{padding:0 16px}.permission-row{border-bottom:1px solid #eef0f4;justify-content:space-between;align-items:center;gap:15px;min-height:70px;display:flex}.permission-row:last-child{border-bottom:none}.permission-info{align-items:center;gap:11px;display:flex}.permission-check-icon{color:#222f63;background:#eef2ff;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;display:flex}.permission-info h4{color:#374151;margin:0 0 3px;font-size:13px}.permission-info p{color:#8a94a6;margin:0;font-size:11px}.permission-switch{flex-shrink:0;width:42px;height:23px;position:relative}.permission-switch input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background:#d1d5db;border-radius:20px;transition:all .25s;position:absolute;inset:0}.switch-slider:before{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.permission-switch input:checked+.switch-slider{background:#222f63}.permission-switch input:checked+.switch-slider:before{transform:translate(19px)}.roles-modal-overlay{z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.roles-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 50px #0003}.roles-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.roles-modal-header h2{color:#1f2937;margin:0;font-size:20px}.roles-modal-header p{color:#6b7280;margin:5px 0 0;font-size:13px}.roles-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:27px}.roles-modal-close:hover{color:#1f2937}.roles-form{padding:24px}.roles-form-group{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.roles-form-group:last-child{margin-bottom:0}.roles-form-group label{color:#374151;font-size:13px;font-weight:600}.roles-form-group label span{color:#dc2626}.roles-form-group input,.roles-form-group textarea{color:#374151;resize:vertical;border:1px solid #d7dce5;border-radius:7px;outline:none;padding:11px 12px;font-family:inherit;font-size:13px}.roles-form-group input{height:42px}.roles-form-group input:focus,.roles-form-group textarea:focus{border-color:#222f63;box-shadow:0 0 0 2px #222f6314}.roles-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.roles-cancel-btn,.roles-save-btn{cursor:pointer;border-radius:7px;height:40px;padding:0 18px;font-size:13px;font-weight:600}.roles-cancel-btn{color:#4b5563;background:#fff;border:1px solid #d7dce5}.roles-cancel-btn:hover{background:#f5f7fb}.roles-save-btn{color:#fff;background:#222f63;border:none}.roles-save-btn:hover{background:#18244f}@media (width<=1100px){.roles-summary{grid-template-columns:repeat(2,1fr)}.roles-content{grid-template-columns:280px 1fr}.permissions-header{flex-direction:column;align-items:flex-start}}@media (width<=850px){.admin-roles-page{padding:20px}.roles-content{grid-template-columns:1fr}.roles-list{grid-template-columns:1fr 1fr;gap:5px;display:grid}}@media (width<=600px){.admin-roles-header{flex-direction:column;align-items:flex-start;gap:15px}.create-role-btn{justify-content:center;width:100%}.roles-summary,.roles-list{grid-template-columns:1fr}.permission-actions{flex-wrap:wrap}.permission-overview{grid-template-columns:1fr}.permission-overview div{border-bottom:1px solid #e5e7eb;border-right:none}.permission-overview div:last-child{border-bottom:none}.permissions-section{margin-left:15px;margin-right:15px}.permissions-list{padding:0 12px}.permission-row{padding:12px 0}}.permissions-not-exposed{color:#6b7280;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin:0 24px 24px;padding:16px 18px;font-size:13px;line-height:1.6}.roles-error-text{color:#dc2626}.access-control-page{width:100%}.access-control-header{margin-bottom:22px}.access-control-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700}.access-control-header p{color:#64748b;margin:0;font-size:13px}.access-control-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0;overflow:hidden}.access-control-table-wrapper{overflow-x:auto}.access-control-table{border-collapse:collapse;width:100%}.access-control-table th,.access-control-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:12px}.access-control-table thead th{color:#64748b;text-transform:uppercase;background:#f8f9fc;border-bottom:1px solid #e5e7eb;font-size:10px;position:sticky;top:0}.access-control-table td.permission-code{text-align:left;color:#334155;font-family:monospace;font-weight:600}.access-control-granted{color:#15803d;font-weight:700}.access-control-not-granted{color:#d1d5db}.access-control-empty{text-align:center;color:#6b7280;padding:24px}.admin-organization-page{background:#f5f7fb;min-height:calc(100vh - 72px);padding:28px}.organization-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.organization-header h1{color:#1f2937;margin:0;font-size:28px;font-weight:700}.organization-header p{color:#6b7280;margin:7px 0 0;font-size:14px}.organization-add-btn{color:#fff;cursor:pointer;background:#222f63;border:none;border-radius:7px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;display:flex}.organization-add-btn:hover{background:#18244f}.organization-add-btn span{font-size:20px}.organization-summary{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.organization-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 2px 7px #00000008}.organization-summary-icon{color:#222f63;background:#eef2ff;border-radius:9px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.organization-summary-icon.blue{color:#2563eb;background:#eff6ff}.organization-summary-icon.green{color:#15803d;background:#ecfdf3}.organization-summary-icon.purple{color:#7c3aed;background:#f5f3ff}.organization-summary-card p{color:#6b7280;margin:0 0 4px;font-size:13px}.organization-summary-card h2{color:#1f2937;margin:0;font-size:24px}.organization-tabs-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px 10px 0 0;overflow:hidden}.organization-tabs{padding:0 20px;display:flex}.organization-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:16px 20px;font-size:13px;font-weight:600;display:flex;position:relative}.organization-tabs button:hover,.organization-tabs button.active{color:#222f63}.organization-tabs button.active:after{content:"";background:#222f63;height:2px;position:absolute;bottom:0;left:15px;right:15px}.organization-tabs button span{color:#667085;background:#f1f3f9;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;display:inline-flex}.organization-tabs button.active span{color:#222f63;background:#eef2ff}.organization-table-card{background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 10px 10px;overflow:hidden;box-shadow:0 2px 7px #00000008}.organization-table-toolbar{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.organization-table-toolbar h2{color:#1f2937;margin:0;font-size:17px}.organization-table-toolbar p{color:#8a94a6;margin:5px 0 0;font-size:12px}.organization-search{border:1px solid #d7dce5;border-radius:7px;align-items:center;width:280px;height:40px;padding:0 12px;display:flex}.organization-search span{color:#8a94a6;margin-right:8px;font-size:21px}.organization-search input{color:#374151;border:none;outline:none;width:100%;font-size:13px}.organization-search input::placeholder{color:#9ca3af}.organization-table-wrapper{width:100%;overflow-x:auto}.organization-table{border-collapse:collapse;width:100%;min-width:900px}.organization-table th{color:#6b7280;text-align:left;text-transform:uppercase;letter-spacing:.3px;background:#f8f9fc;border-bottom:1px solid #e5e7eb;padding:13px 18px;font-size:11px}.organization-table td{color:#4b5563;border-bottom:1px solid #eef0f4;padding:15px 18px;font-size:13px}.organization-table tbody tr:hover{background:#fafbfe}.organization-table tbody tr:last-child td{border-bottom:none}.organization-name-cell{align-items:center;gap:11px;min-width:190px;display:flex}.organization-name-cell strong{color:#1f2937;font-size:13px}.organization-avatar{color:#222f63;background:#eef2ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.organization-avatar.designation{color:#2563eb;background:#eff6ff}.organization-avatar.location{color:#15803d;background:#ecfdf3}.code-badge{color:#4b5563;background:#f3f4f6;border-radius:5px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.employee-count{color:#374151;background:#f8f9fc;border-radius:6px;justify-content:center;align-items:center;min-width:28px;height:27px;padding:0 7px;font-size:12px;font-weight:600;display:inline-flex}.level-badge{border-radius:15px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-block}.level-badge.junior{color:#2563eb;background:#eff6ff}.level-badge.mid-level{color:#15803d;background:#f0fdf4}.level-badge.senior{color:#c2410c;background:#fff7ed}.level-badge.lead{color:#7c3aed;background:#f5f3ff}.level-badge.manager{color:#be185d;background:#fdf2f8}.level-badge.director{color:#dc2626;background:#fef2f2}.organization-status{border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.organization-status span{background:currentColor;border-radius:50%;width:6px;height:6px}.organization-status.active{color:#15803d;background:#ecfdf3}.organization-status.inactive{color:#dc2626;background:#fef2f2}.organization-actions{gap:5px;display:flex}.organization-actions button{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:31px;height:31px;font-size:13px;display:flex}.organization-actions .edit-action{color:#7c3aed}.organization-actions .edit-action:hover{background:#f5f3ff}.organization-actions .status-action{color:#d97706}.organization-actions .status-action:hover{background:#fffbeb}.organization-actions .delete-action{color:#dc2626}.organization-actions .delete-action:hover{background:#fef2f2}.organization-table-footer{color:#8a94a6;border-top:1px solid #e5e7eb;padding:13px 18px;font-size:12px}.organization-table-footer strong{color:#374151}.organization-empty{text-align:center;color:#9ca3af!important;padding:45px!important}.organization-action-error{color:#b91c1c;background:#fef2f2;border-radius:8px;margin:14px 20px 0;padding:10px 14px;font-size:12px}.organization-modal-overlay{z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.organization-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0003}.organization-modal-wide{max-width:680px}.organization-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.organization-modal-header h2{color:#1f2937;margin:0;font-size:20px}.organization-modal-header p{color:#6b7280;margin:5px 0 0;font-size:13px}.organization-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:27px}.organization-modal-close:hover{color:#1f2937}.organization-form-grid{grid-template-columns:1fr 1fr;gap:18px;padding:24px;display:grid}.organization-form-group{flex-direction:column;gap:7px;display:flex}.organization-form-group.full{grid-column:1/-1}.organization-form-group label{color:#374151;font-size:13px;font-weight:600}.organization-form-group label span{color:#dc2626}.organization-form-group input,.organization-form-group select{color:#374151;background:#fff;border:1px solid #d7dce5;border-radius:7px;outline:none;height:42px;padding:0 12px;font-family:inherit;font-size:13px}.organization-form-group input:focus,.organization-form-group select:focus{border-color:#222f63;box-shadow:0 0 0 2px #222f6314}.organization-geofence-badge{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.organization-geofence-badge.configured{color:#047857;background:#ecfdf5}.organization-geofence-badge.not-configured{color:#92400e;background:#fef3c7}.organization-radius-input{border:1px solid #d7dce5;border-radius:7px;align-items:center;gap:8px;height:42px;padding:0 12px;display:flex}.organization-radius-input input{color:#374151;border:none;outline:none;flex:1;height:100%;font-family:inherit;font-size:13px}.organization-radius-input span{color:#8a94a6;font-size:12px}.organization-search-row{gap:8px;display:flex}.organization-search-row input{color:#374151;border:1px solid #d7dce5;border-radius:7px;outline:none;flex:1;height:42px;padding:0 12px;font-family:inherit;font-size:13px}.organization-search-row input:focus{border-color:#222f63;box-shadow:0 0 0 2px #222f6314}.organization-search-row button{color:#fff;cursor:pointer;white-space:nowrap;background:#222f63;border:none;border-radius:7px;padding:0 16px;font-size:13px;font-weight:600}.organization-search-row button:hover{background:#18244f}.organization-search-row button:disabled{opacity:.6;cursor:not-allowed}.organization-map-container{border:1px solid #d7dce5;border-radius:8px;overflow:hidden}.organization-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.organization-cancel-btn,.organization-save-btn{cursor:pointer;border-radius:7px;height:40px;padding:0 18px;font-size:13px;font-weight:600}.organization-cancel-btn{color:#4b5563;background:#fff;border:1px solid #d7dce5}.organization-cancel-btn:hover{background:#f5f7fb}.organization-save-btn{color:#fff;background:#222f63;border:none}.organization-save-btn:hover{background:#18244f}@media (width<=1100px){.organization-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.organization-table-toolbar{flex-direction:column;align-items:flex-start}.organization-search{width:100%}}@media (width<=600px){.admin-organization-page{padding:20px}.organization-header{flex-direction:column;align-items:flex-start;gap:15px}.organization-add-btn{justify-content:center;width:100%}.organization-summary{grid-template-columns:1fr}.organization-tabs{padding:0 5px;overflow-x:auto}.organization-tabs button{white-space:nowrap;padding:15px 13px}.organization-form-grid{grid-template-columns:1fr}.organization-form-group.full{grid-column:auto}}.company-profile-page{width:100%}.company-profile-header{margin-bottom:22px}.company-profile-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700}.company-profile-header p{color:#64748b;margin:0;font-size:13px}.company-profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-width:640px;padding:24px}.company-profile-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.company-profile-field{flex-direction:column;gap:6px;display:flex}.company-profile-field label{color:#334155;font-size:12px;font-weight:600}.company-profile-field input{box-sizing:border-box;color:#334155;border:1px solid #dbe3f0;border-radius:6px;height:38px;padding:0 10px;font-size:13px}.company-profile-field input:disabled{color:#6b7280;background:#f8fafc}.company-profile-hr-module{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-top:18px;padding:14px 16px}.company-profile-toggle{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.company-profile-hr-module p{color:#64748b;margin:8px 0 0;font-size:12px;line-height:1.5}.company-profile-error{color:#b91c1c;background:#fef2f2;border-radius:6px;margin:16px 0 0;padding:10px 12px;font-size:12px}.company-profile-success{color:#15803d;background:#f0fdf4;border-radius:6px;margin:16px 0 0;padding:10px 12px;font-size:12px}.company-profile-actions{justify-content:flex-end;margin-top:22px;display:flex}.company-profile-save-btn{color:#fff;cursor:pointer;background:#4169e1;border:none;border-radius:7px;padding:10px 18px;font-size:13px;font-weight:600}.company-profile-save-btn:hover{background:#3158d2}.company-profile-save-btn:disabled{opacity:.6;cursor:not-allowed}.org-structure-page{width:100%}.org-structure-header{margin-bottom:22px}.org-structure-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700}.org-structure-header p{color:#64748b;margin:0;font-size:13px}.org-structure-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:24px}.org-structure-empty{color:#6b7280;font-size:13px}.org-tree-root{margin:0;padding:0;list-style:none}.org-tree-node{border-left:1px dashed #dbe3f0;margin:6px 0 0;padding:0 0 0 22px;list-style:none}.org-tree-root>.org-tree-node:first-child{margin-top:0}.org-tree-node-label{color:#334155;background:#f8faff;border:1px solid #e5e7eb;border-radius:7px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:inline-flex}.org-tree-node-label strong{color:#111827}.org-tree-node-label span{color:#8a94a6;font-size:11px}.org-tree-children{margin:0;padding:0;list-style:none}.admin-attendance-page{background:#f5f7fb;min-height:calc(100vh - 72px);padding:28px}.admin-attendance-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.admin-attendance-header h1{color:#1f2937;margin:0;font-size:28px;font-weight:700}.admin-attendance-header p{color:#6b7280;margin:7px 0 0;font-size:14px}.attendance-date-box{align-items:center;gap:10px;display:flex}.attendance-date-box label{color:#6b7280;font-size:12px;font-weight:600}.attendance-date-box input{color:#374151;background:#fff;border:1px solid #d7dce5;border-radius:7px;outline:none;height:40px;padding:0 12px;font-size:13px}.attendance-date-box input:focus{border-color:#222f63}.attendance-summary{grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:24px;display:grid}.attendance-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:14px;padding:20px;display:flex;box-shadow:0 2px 7px #00000008}.attendance-summary-icon{color:#222f63;background:#eef2ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.attendance-summary-icon.present{color:#15803d;background:#ecfdf3}.attendance-summary-icon.absent{color:#dc2626;background:#fef2f2}.attendance-summary-icon.late{color:#d97706;background:#fffbeb}.attendance-summary-icon.percentage{color:#7c3aed;background:#f5f3ff}.attendance-summary-card p{color:#6b7280;margin:0 0 4px;font-size:12px}.attendance-summary-card h2{color:#1f2937;margin:0;font-size:24px}.attendance-overview-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:24px;padding:20px;box-shadow:0 2px 7px #00000008}.attendance-overview-title{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.attendance-overview-title h2{color:#1f2937;margin:0;font-size:16px}.attendance-overview-title p{color:#8a94a6;margin:5px 0 0;font-size:11px}.leave-count{color:#7c3aed;background:#f5f3ff;border-radius:20px;padding:6px 11px;font-size:11px;font-weight:600}.attendance-progress{background:#edf0f4;border-radius:10px;width:100%;height:10px;overflow:hidden}.attendance-progress-fill{background:#222f63;border-radius:10px;height:100%;transition:width .3s}.attendance-progress-details{gap:25px;margin-top:12px;display:flex}.attendance-progress-details span{color:#6b7280;align-items:center;gap:6px;font-size:11px;display:flex}.attendance-progress-details i{border-radius:50%;width:7px;height:7px;display:inline-block}.progress-present{background:#16a34a}.progress-late{background:#f59e0b}.progress-absent{background:#dc2626}.progress-leave{background:#7c3aed}.admin-attendance-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 2px 7px #00000008}.attendance-table-toolbar{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.attendance-table-toolbar h2{color:#1f2937;margin:0;font-size:17px}.attendance-table-toolbar p{color:#8a94a6;margin:5px 0 0;font-size:12px}.attendance-filters{align-items:center;gap:8px;display:flex}.attendance-search{border:1px solid #d7dce5;border-radius:7px;align-items:center;width:210px;height:40px;padding:0 11px;display:flex}.attendance-search span{color:#8a94a6;margin-right:7px;font-size:20px}.attendance-search input{color:#374151;border:none;outline:none;width:100%;font-size:12px}.attendance-search input::placeholder{color:#9ca3af}.attendance-filters select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d7dce5;border-radius:7px;outline:none;min-width:130px;height:40px;padding:0 9px;font-size:12px}.attendance-clear-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d7dce5;border-radius:7px;height:40px;padding:0 12px;font-size:12px;font-weight:600}.attendance-clear-btn:hover{background:#f5f7fb}.attendance-table-wrapper{width:100%;overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%;min-width:1200px}.attendance-table th{color:#6b7280;text-align:left;text-transform:uppercase;letter-spacing:.3px;background:#f8f9fc;border-bottom:1px solid #e5e7eb;padding:13px 17px;font-size:10px}.attendance-table td{color:#4b5563;vertical-align:middle;border-bottom:1px solid #eef0f4;padding:14px 17px;font-size:12px}.attendance-table tbody tr:hover{background:#fafbfe}.attendance-table tbody tr:last-child td{border-bottom:none}.attendance-employee{align-items:center;gap:10px;min-width:150px;display:flex}.attendance-avatar{color:#222f63;background:#e9edff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.attendance-employee strong{color:#1f2937;font-size:12px}.attendance-time{color:#374151;font-weight:500}.time-empty{color:#b0b7c3}.attendance-status{border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex}.attendance-status span{background:currentColor;border-radius:50%;width:6px;height:6px}.attendance-status.present{color:#15803d;background:#ecfdf3}.attendance-status.late{color:#d97706;background:#fffbeb}.attendance-status.absent{color:#dc2626;background:#fef2f2}.attendance-status.leave{color:#7c3aed;background:#f5f3ff}.attendance-actions{align-items:center;gap:5px;display:flex}.attendance-actions button{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:29px;height:29px;font-size:12px;display:flex}.attendance-view-btn{color:#2563eb}.attendance-view-btn:hover{background:#eff6ff}.attendance-checkin-btn{color:#15803d}.attendance-checkin-btn:hover{background:#ecfdf3}.attendance-checkout-btn{color:#d97706}.attendance-checkout-btn:hover{background:#fffbeb}.attendance-status-select{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;height:29px;padding:0 5px;font-size:10px}.attendance-table-footer{color:#8a94a6;border-top:1px solid #e5e7eb;padding:13px 18px;font-size:11px}.attendance-table-footer strong{color:#374151}.attendance-empty{text-align:center!important;color:#9ca3af!important;padding:45px!important}.attendance-modal-overlay{z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.attendance-details-modal{background:#fff;border-radius:12px;width:100%;max-width:570px;overflow:hidden;box-shadow:0 20px 50px #0003}.attendance-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:21px 24px;display:flex}.attendance-modal-header h2{color:#1f2937;margin:0;font-size:19px}.attendance-modal-header p{color:#8a94a6;margin:5px 0 0;font-size:12px}.attendance-modal-header button{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:27px;line-height:20px}.attendance-modal-header button:hover{color:#1f2937}.attendance-profile{align-items:center;gap:14px;padding:23px 24px;display:flex}.attendance-large-avatar{color:#222f63;background:#e9edff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:20px;font-weight:700;display:flex}.attendance-profile h2{color:#1f2937;margin:0 0 5px;font-size:18px}.attendance-profile p{color:#8a94a6;margin:0;font-size:12px}.attendance-detail-grid{border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:1fr 1fr;margin:0 24px 22px;display:grid;overflow:hidden}.attendance-detail-grid div{border-bottom:1px solid #e5e7eb;padding:14px}.attendance-detail-grid div:nth-child(odd){border-right:1px solid #e5e7eb}.attendance-detail-grid div:nth-child(5),.attendance-detail-grid div:nth-child(6){border-bottom:none}.attendance-detail-grid span{color:#8a94a6;margin-bottom:5px;font-size:10px;display:block}.attendance-detail-grid strong{color:#374151;font-size:12px}.detail-status.present{color:#15803d}.detail-status.late{color:#d97706}.detail-status.absent{color:#dc2626}.detail-status.leave{color:#7c3aed}.attendance-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;padding:17px 24px;display:flex}.attendance-modal-footer button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d7dce5;border-radius:7px;height:39px;padding:0 18px;font-size:12px;font-weight:600}.attendance-modal-footer button:hover{background:#f5f7fb}@media (width<=1250px){.attendance-summary{grid-template-columns:repeat(3,1fr)}.attendance-table-toolbar{flex-direction:column;align-items:flex-start}.attendance-filters{width:100%}.attendance-search{flex:1}}@media (width<=850px){.admin-attendance-page{padding:20px}.admin-attendance-header{flex-direction:column;align-items:flex-start;gap:15px}.attendance-summary{grid-template-columns:repeat(2,1fr)}.attendance-filters{flex-wrap:wrap}.attendance-search{flex-basis:100%}.attendance-filters select{flex:1}}@media (width<=600px){.attendance-summary{grid-template-columns:1fr}.attendance-overview-title{flex-direction:column;align-items:flex-start;gap:10px}.attendance-progress-details{flex-wrap:wrap;gap:10px 18px}.attendance-filters select,.attendance-clear-btn{width:100%}.attendance-detail-grid{grid-template-columns:1fr}.attendance-detail-grid div:nth-child(odd){border-right:none}.attendance-detail-grid div:nth-child(5){border-bottom:1px solid #e5e7eb}}.admin-payroll-page{background:#f5f7fb;min-height:calc(100vh - 72px);padding:28px}.payroll-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.payroll-page-header h1{color:#1f2937;margin:0 0 6px;font-size:28px;font-weight:700}.payroll-page-header p{color:#6b7280;margin:0;font-size:14px}.payroll-header-actions{gap:10px;display:flex}.secondary-action-btn,.primary-payroll-btn{cursor:pointer;border:none;border-radius:8px;padding:11px 16px;font-size:13px;font-weight:600;transition:all .2s}.secondary-action-btn{color:#222f63;background:#fff;border:1px solid #dce1eb}.secondary-action-btn:hover{background:#f8fafc}.primary-payroll-btn{color:#fff;background:#222f63;align-items:center;gap:8px;display:flex}.primary-payroll-btn:hover{background:#18234f;transform:translateY(-1px)}.primary-payroll-btn span{font-size:19px;line-height:12px}.payroll-stat-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px;display:grid}.payroll-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:13px;padding:18px;display:flex;box-shadow:0 2px 8px #0f172a08}.payroll-stat-card span{color:#6b7280;margin-bottom:5px;font-size:11px;display:block}.payroll-stat-card strong{color:#1f2937;font-size:20px}.payroll-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:18px;font-weight:700;display:flex}.employees-icon{background:#eef2ff}.salary-icon{color:#047857;background:#ecfdf5}.processed-icon{color:#2563eb;background:#eff6ff}.pending-payroll-icon{color:#c2410c;background:#fff7ed}.deduction-icon{color:#dc2626;background:#fef2f2}.payroll-overview-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px}.overview-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.overview-title h2{color:#1f2937;margin:0 0 4px;font-size:17px}.overview-title p{color:#94a3b8;margin:0;font-size:12px}.processing-status{color:#64748b;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.complete-dot,.pending-dot{border-radius:50%;width:8px;height:8px}.complete-dot{background:#10b981}.pending-dot{background:#f59e0b}.payroll-progress-area{max-width:650px}.progress-label{justify-content:space-between;margin-bottom:8px;display:flex}.progress-label span{color:#64748b;font-size:12px}.progress-label strong{color:#222f63;font-size:12px}.progress-track{background:#edf0f5;border-radius:20px;width:100%;height:8px;overflow:hidden}.progress-fill{background:#222f63;border-radius:20px;height:100%;transition:width .3s}.payroll-filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px}.payroll-filter-title{margin-bottom:18px}.payroll-filter-title h2{color:#1f2937;margin:0 0 4px;font-size:17px}.payroll-filter-title span{color:#94a3b8;font-size:12px}.payroll-filters{grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;display:grid}.payroll-search-box{border:1px solid #dfe3ea;border-radius:8px;align-items:center;height:42px;padding:0 12px;display:flex}.payroll-search-box span{color:#64748b;margin-right:8px;font-size:21px}.payroll-search-box input{color:#374151;border:none;outline:none;width:100%;font-size:13px}.payroll-filters select{color:#374151;cursor:pointer;background:#fff;border:1px solid #dfe3ea;border-radius:8px;outline:none;height:42px;padding:0 11px;font-size:13px}.payroll-search-box:focus-within,.payroll-filters select:focus{border-color:#222f63}.payroll-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0f172a08}.payroll-table-wrapper{width:100%;overflow-x:auto}.payroll-table{border-collapse:collapse;width:100%;min-width:1250px}.payroll-table th{color:#64748b;text-transform:uppercase;letter-spacing:.4px;text-align:left;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:14px 15px;font-size:10px;font-weight:700}.payroll-table td{color:#4b5563;vertical-align:middle;border-bottom:1px solid #edf0f4;padding:14px 15px;font-size:12px}.payroll-table tbody tr:hover{background:#fafbfe}.payroll-table tbody tr:last-child td{border-bottom:none}.payroll-employee-cell{align-items:center;gap:10px;display:flex}.payroll-avatar{color:#222f63;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:10px;font-weight:700;display:flex}.payroll-employee-cell strong{color:#1f2937;margin-bottom:3px;font-size:12px;display:block}.payroll-employee-cell span{color:#94a3b8;font-size:10px}.department-cell strong{color:#374151;margin-bottom:3px;font-size:12px;display:block}.department-cell span{color:#94a3b8;font-size:10px}.positive-amount{font-weight:600;color:#047857!important}.negative-amount{font-weight:600;color:#dc2626!important}.net-salary{color:#222f63}.payroll-status{border-radius:20px;padding:5px 10px;font-size:10px;font-weight:600;display:inline-flex}.payroll-status.processed{color:#047857;background:#ecfdf5}.payroll-status.pending{color:#c2410c;background:#fff7ed}.payroll-actions{align-items:center;gap:6px;display:flex}.payroll-actions button{cursor:pointer;border:none;border-radius:6px;transition:all .2s}.payroll-view-btn{color:#334155;background:#f1f5f9;padding:7px 10px;font-size:11px}.payroll-view-btn:hover{background:#e2e8f0}.payroll-process-btn,.payroll-delete-btn{justify-content:center;align-items:center;width:29px;height:29px;display:flex}.payroll-process-btn{color:#047857;background:#ecfdf5}.payroll-process-btn:hover{background:#d1fae5}.payroll-delete-btn{color:#64748b;background:#f8fafc}.payroll-delete-btn:hover{color:#dc2626;background:#f1f5f9}.payroll-empty-state{text-align:center;padding:60px 20px!important}.payroll-empty-state span{font-size:35px}.payroll-empty-state h3{color:#374151;margin:12px 0 5px;font-size:16px}.payroll-empty-state p{color:#9ca3af;margin:0;font-size:12px}.payroll-modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.payroll-modal{background:#fff;border-radius:14px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0f172a33}.add-payroll-modal{max-width:700px}.payroll-modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.payroll-modal-header h2{color:#1f2937;margin:0 0 4px;font-size:19px}.payroll-modal-header p{color:#94a3b8;margin:0;font-size:12px}.payroll-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:7px;width:32px;height:32px;font-size:22px}.payroll-close-btn:hover{background:#f1f5f9}.payroll-modal-body{padding:22px}.payroll-modal-employee{background:#f8fafc;border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:15px;display:flex}.payroll-large-avatar{color:#fff;background:#222f63;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:13px;font-weight:700;display:flex}.payroll-modal-employee>div:nth-child(2){flex:1}.payroll-modal-employee h3{color:#1f2937;margin:0 0 4px;font-size:15px}.payroll-modal-employee p{color:#64748b;margin:0;font-size:11px}.salary-breakdown{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.salary-breakdown h3{color:#374151;background:#f8fafc;margin:0;padding:14px;font-size:13px}.salary-row,.salary-total-row{border-top:1px solid #edf0f4;justify-content:space-between;padding:13px 15px;font-size:12px;display:flex}.salary-row span{color:#64748b}.salary-row strong{color:#374151}.salary-total-row{background:#f8fafc;align-items:center}.salary-total-row span{color:#374151;font-weight:700}.salary-total-row strong{color:#222f63;font-size:17px}.payroll-detail-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:18px;display:grid}.payroll-detail-grid div{background:#f8fafc;border-radius:8px;padding:13px}.payroll-detail-grid span{color:#94a3b8;margin-bottom:5px;font-size:10px;display:block}.payroll-detail-grid strong{color:#374151;font-size:12px}.payroll-form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.payroll-form-group{flex-direction:column;gap:7px;display:flex}.payroll-form-group label{color:#374151;font-size:12px;font-weight:600}.payroll-form-group label span{color:#dc2626}.payroll-form-group input,.payroll-form-group select{box-sizing:border-box;color:#374151;background:#fff;border:1px solid #dfe3ea;border-radius:7px;outline:none;width:100%;height:40px;padding:0 11px;font-size:13px}.payroll-form-group input:focus,.payroll-form-group select:focus{border-color:#222f63;box-shadow:0 0 0 2px #222f6314}.new-salary-preview{background:#f8fafc;border-radius:9px;justify-content:space-between;align-items:center;margin-top:20px;padding:15px;display:flex}.new-salary-preview span{color:#64748b;font-size:12px}.new-salary-preview strong{color:#222f63;font-size:19px}.payroll-modal-footer{border-top:1px solid #edf0f4;justify-content:flex-end;gap:9px;padding:16px 22px;display:flex}.payroll-modal-process,.payroll-modal-secondary{cursor:pointer;border:none;border-radius:7px;padding:10px 16px;font-size:12px;font-weight:600}.payroll-modal-process{color:#fff;background:#222f63}.payroll-modal-process:hover{background:#18234f}.payroll-modal-secondary{color:#475569;background:#f1f5f9}.payroll-modal-secondary:hover{background:#e2e8f0}@media (width<=1200px){.payroll-stat-grid{grid-template-columns:repeat(3,1fr)}.payroll-filters{grid-template-columns:1fr 1fr}}@media (width<=768px){.admin-payroll-page{padding:18px}.payroll-page-header{flex-direction:column;align-items:flex-start;gap:15px}.payroll-page-header h1{font-size:23px}.payroll-header-actions{width:100%}.secondary-action-btn,.primary-payroll-btn{flex:1;justify-content:center}.payroll-stat-grid{grid-template-columns:1fr 1fr}.payroll-filters,.payroll-form-grid,.payroll-detail-grid{grid-template-columns:1fr}}@media (width<=480px){.payroll-stat-grid{grid-template-columns:1fr}.payroll-header-actions{flex-direction:column}.overview-title{flex-direction:column;align-items:flex-start;gap:10px}.payroll-modal-overlay{padding:10px}.payroll-modal-header,.payroll-modal-body,.payroll-modal-footer{padding:16px}.payroll-modal-footer{flex-wrap:wrap}}.finance-filters{background:#fff;border:1px solid #e0e6ef;border-radius:11px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:16px;padding:14px 16px;display:flex}.finance-filters label{flex-direction:column;gap:5px;display:flex}.finance-filters label span{color:#64748b;font-size:12px;font-weight:600}.finance-filters input{color:#172b4d;border:1px solid #d1d5db;border-radius:8px;height:36px;padding:0 10px;font-size:13px}.finance-total{flex-direction:column;align-items:flex-end;gap:3px;margin-left:auto;display:flex}.finance-total span{color:#64748b;font-size:12px}.finance-total strong{color:#0f172a;font-size:20px}.hrconfig-table-card.finance-table-scroll{overflow-x:auto}.finance-table-scroll .hrconfig-table{min-width:720px}.finance-amount-col{text-align:right;white-space:nowrap}.finance-confirm{align-items:center;gap:6px;font-size:12px;display:flex}.finance-confirm span{color:#b91c1c;font-weight:600}.finance-confirm button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:4px 10px;font-size:12px}.finance-confirm .finance-confirm-yes{color:#fff;background:#dc2626;border-color:#dc2626}.finance-overview-page .admin-financial-overview{margin-bottom:0}@media (width<=650px){.finance-page .hrconfig-header{flex-wrap:wrap;gap:12px}.finance-total{align-items:flex-start;margin-left:0}.finance-page .hrconfig-form-grid{grid-template-columns:1fr}}.admin-documents-page{background:#f5f7fb;min-height:calc(100vh - 72px);padding:28px}.documents-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.documents-page-header h1{color:#1f2937;margin:0 0 6px;font-size:28px;font-weight:700}.documents-page-header p{color:#6b7280;margin:0;font-size:14px}.documents-primary-btn{color:#fff;cursor:pointer;background:#222f63;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.documents-primary-btn:hover{background:#18234f;transform:translateY(-1px)}.documents-primary-btn span{font-size:20px;line-height:12px}.documents-stat-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px;display:grid}.documents-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:13px;padding:18px;display:flex;box-shadow:0 2px 8px #0f172a08}.documents-stat-card span{color:#6b7280;margin-bottom:5px;font-size:11px;display:block}.documents-stat-card strong{color:#1f2937;font-size:22px}.documents-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:18px;font-weight:700;display:flex}.total-doc-icon{background:#eef2ff}.verified-doc-icon{color:#047857;background:#ecfdf5}.pending-doc-icon{color:#c2410c;background:#fff7ed}.rejected-doc-icon{color:#dc2626;background:#fef2f2}.employee-doc-icon{background:#eff6ff}.document-category-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px}.category-header{margin-bottom:17px}.category-header h2{color:#1f2937;margin:0 0 4px;font-size:17px}.category-header p{color:#94a3b8;margin:0;font-size:12px}.category-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.category-item{background:#f8fafc;border-radius:9px;align-items:center;gap:11px;padding:13px;display:flex}.category-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.identity-category{background:#eef2ff}.employment-category{background:#eff6ff}.education-category{background:#fef3c7}.financial-category{background:#ecfdf5}.category-item strong{color:#374151;margin-bottom:3px;font-size:12px;display:block}.category-item span{color:#94a3b8;font-size:10px}.documents-filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px}.documents-filter-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.documents-filter-title h2{color:#1f2937;margin:0 0 4px;font-size:17px}.documents-filter-title span{color:#94a3b8;font-size:12px}.clear-filter-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:7px;padding:8px 12px;font-size:11px;font-weight:600}.clear-filter-btn:hover{background:#e2e8f0}.documents-filters{grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;display:grid}.documents-search-box{border:1px solid #dfe3ea;border-radius:8px;align-items:center;height:42px;padding:0 12px;display:flex}.documents-search-box span{color:#64748b;margin-right:8px;font-size:21px}.documents-search-box input{color:#374151;border:none;outline:none;width:100%;font-size:13px}.documents-filters select{color:#374151;cursor:pointer;background:#fff;border:1px solid #dfe3ea;border-radius:8px;outline:none;height:42px;padding:0 11px;font-size:13px}.documents-search-box:focus-within,.documents-filters select:focus{border-color:#222f63}.documents-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0f172a08}.documents-table-wrapper{width:100%;overflow-x:auto}.documents-table{border-collapse:collapse;width:100%;min-width:1150px}.documents-table th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.4px;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:14px 15px;font-size:10px;font-weight:700}.documents-table td{color:#4b5563;vertical-align:middle;border-bottom:1px solid #edf0f4;padding:14px 15px;font-size:12px}.documents-table tbody tr:hover{background:#fafbfe}.documents-table tbody tr:last-child td{border-bottom:none}.document-employee-cell{align-items:center;gap:10px;display:flex}.document-avatar{color:#222f63;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:10px;font-weight:700;display:flex}.document-employee-cell strong{color:#1f2937;margin-bottom:3px;font-size:12px;display:block}.document-employee-cell span{color:#94a3b8;font-size:10px}.document-name-cell strong{color:#374151;margin-bottom:3px;font-size:12px;display:block}.document-name-cell span{color:#94a3b8;font-size:10px}.document-type-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex}.file-cell{align-items:center;gap:9px;display:flex}.file-icon{color:#dc2626;background:#fef2f2;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:38px;font-size:8px;font-weight:800;display:flex}.file-cell strong{color:#374151;text-overflow:ellipsis;white-space:nowrap;max-width:150px;margin-bottom:3px;font-size:11px;display:block;overflow:hidden}.file-cell span{color:#94a3b8;font-size:9px}.document-status{border-radius:20px;padding:5px 10px;font-size:10px;font-weight:600;display:inline-flex}.document-status.verified{color:#047857;background:#ecfdf5}.document-status.pending{color:#c2410c;background:#fff7ed}.document-status.rejected{color:#dc2626;background:#fef2f2}.document-actions{align-items:center;gap:6px;display:flex}.document-actions button{cursor:pointer;border:none;border-radius:6px;transition:all .2s}.document-view-btn{color:#334155;background:#f1f5f9;padding:7px 10px;font-size:11px}.document-view-btn:hover{background:#e2e8f0}.document-verify-btn,.document-download-btn,.document-delete-btn{justify-content:center;align-items:center;width:29px;height:29px;display:flex}.document-verify-btn{color:#047857;background:#ecfdf5}.document-verify-btn:hover{background:#d1fae5}.document-download-btn{color:#2563eb;background:#eff6ff;font-size:17px}.document-download-btn:hover{background:#dbeafe}.document-delete-btn{color:#64748b;background:#f8fafc}.document-delete-btn:hover{color:#dc2626;background:#f1f5f9}.documents-empty-state{text-align:center;padding:60px 20px!important}.documents-empty-state span{font-size:35px}.documents-empty-state h3{color:#374151;margin:12px 0 5px;font-size:16px}.documents-empty-state p{color:#9ca3af;margin:0;font-size:12px}.documents-modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.documents-modal{background:#fff;border-radius:14px;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0f172a33}.upload-document-modal{max-width:700px}.documents-modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.documents-modal-header h2{color:#1f2937;margin:0 0 4px;font-size:19px}.documents-modal-header p{color:#94a3b8;margin:0;font-size:12px}.documents-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:7px;width:32px;height:32px;font-size:22px}.documents-close-btn:hover{background:#f1f5f9}.documents-modal-body{padding:22px}.modal-document-preview{text-align:center;background:#f8fafc;border-radius:10px;margin-bottom:20px;padding:22px}.large-file-icon{color:#dc2626;background:#fef2f2;border-radius:9px;justify-content:center;align-items:center;width:65px;height:75px;margin:0 auto 12px;font-size:12px;font-weight:800;display:flex}.modal-document-preview h3{color:#374151;margin:0 0 5px;font-size:15px}.modal-document-preview p{color:#94a3b8;margin:0;font-size:11px}.document-detail-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.document-detail-grid div{background:#f8fafc;border-radius:8px;padding:13px}.document-detail-grid span{color:#94a3b8;margin-bottom:5px;font-size:10px;display:block}.document-detail-grid strong{color:#374151;font-size:12px}.document-status-section{border:1px solid #edf0f4;border-radius:8px;justify-content:space-between;align-items:center;margin-top:18px;padding:13px;display:flex}.document-status-section>span:first-child{color:#64748b;font-size:11px;font-weight:600}.documents-form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.documents-form-group{flex-direction:column;gap:7px;display:flex}.documents-form-group.full-width{grid-column:1/-1}.documents-form-group label{color:#374151;font-size:12px;font-weight:600}.documents-form-group label span{color:#dc2626}.documents-form-group input,.documents-form-group select{box-sizing:border-box;color:#374151;background:#fff;border:1px solid #dfe3ea;border-radius:7px;outline:none;width:100%;height:40px;padding:0 11px;font-size:13px}.documents-form-group input:focus,.documents-form-group select:focus{border-color:#222f63;box-shadow:0 0 0 2px #222f6314}.document-upload-box{box-sizing:border-box;cursor:pointer;background:#fafbfc;border:1.5px dashed #cbd5e1;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:145px;padding:18px;transition:all .2s;display:flex}.document-upload-box:hover{background:#f8fafc;border-color:#222f63}.document-upload-box.has-file{background:#f0fdf4;border-color:#10b981}.upload-icon{color:#222f63;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:9px;font-size:22px;display:flex}.document-upload-box strong{color:#374151;margin-bottom:4px;font-size:12px}.document-upload-box>span{color:#94a3b8;font-size:10px}.upload-file-icon{color:#047857;background:#ecfdf5;border-radius:6px;justify-content:center;align-items:center;width:43px;height:48px;margin-bottom:9px;font-size:9px;font-weight:800;display:flex}.documents-modal-footer{border-top:1px solid #edf0f4;flex-wrap:wrap;justify-content:flex-end;gap:9px;padding:16px 22px;display:flex}.modal-reject-document-btn,.modal-verify-document-btn,.modal-download-document-btn,.modal-close-document-btn{cursor:pointer;border:none;border-radius:7px;padding:10px 15px;font-size:12px;font-weight:600}.modal-reject-document-btn{color:#dc2626;background:#fee2e2}.modal-reject-document-btn:hover{background:#fecaca}.modal-verify-document-btn{color:#fff;background:#222f63}.modal-verify-document-btn:hover{background:#18234f}.modal-download-document-btn{color:#2563eb;background:#eff6ff}.modal-download-document-btn:hover{background:#dbeafe}.modal-close-document-btn{color:#475569;background:#f1f5f9}.modal-close-document-btn:hover{background:#e2e8f0}@media (width<=1200px){.documents-stat-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.documents-filters{grid-template-columns:1fr 1fr}}@media (width<=768px){.admin-documents-page{padding:18px}.documents-page-header{flex-direction:column;align-items:flex-start;gap:15px}.documents-page-header h1{font-size:23px}.documents-primary-btn{justify-content:center;width:100%}.documents-stat-grid{grid-template-columns:1fr 1fr}.category-grid,.documents-filters,.documents-form-grid{grid-template-columns:1fr}.documents-form-group.full-width{grid-column:auto}.document-detail-grid{grid-template-columns:1fr}}@media (width<=480px){.documents-stat-grid{grid-template-columns:1fr}.documents-filter-title{flex-direction:column;align-items:flex-start;gap:10px}.documents-modal-overlay{padding:10px}.documents-modal-header,.documents-modal-body,.documents-modal-footer{padding:16px}}.admin-reports-page{background:#f5f7fb;min-height:calc(100vh - 72px);padding:28px}.reports-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.reports-page-header h1{color:#1f2937;margin:0 0 6px;font-size:28px;font-weight:700}.reports-page-header p{color:#6b7280;margin:0;font-size:14px}.reports-generate-btn{color:#fff;cursor:pointer;background:#222f63;border:none;border-radius:8px;align-items:center;gap:7px;padding:12px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.reports-generate-btn:hover{background:#18234f;transform:translateY(-1px)}.reports-generate-btn span{font-size:19px}.reports-summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.reports-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:13px;padding:18px;display:flex;box-shadow:0 2px 8px #0f172a08}.reports-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.employee-summary-icon{background:#eef2ff}.attendance-summary-icon{color:#047857;background:#ecfdf5}.payroll-summary-icon{color:#2563eb;background:#eff6ff}.leave-summary-icon{color:#c2410c;background:#fff7ed}.reports-summary-card span{color:#6b7280;margin-bottom:5px;font-size:11px;display:block}.reports-summary-card strong{color:#1f2937;margin-bottom:4px;font-size:21px;display:block}.reports-summary-card small{color:#94a3b8;font-size:9px}.reports-summary-card small b{color:#059669}.report-generator-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px}.report-generator-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.report-generator-header h2{color:#1f2937;margin:0 0 4px;font-size:17px}.report-generator-header p{color:#94a3b8;margin:0;font-size:12px}.report-generator-icon{color:#222f63;background:#eef2ff;border-radius:10px;justify-content:center;align-items:center;width:43px;height:43px;font-size:19px;display:flex}.report-generator-controls{grid-template-columns:1.3fr 1fr 1fr .8fr auto;align-items:end;gap:12px;display:grid}.report-control{flex-direction:column;gap:7px;display:flex}.report-control label{color:#374151;font-size:11px;font-weight:600}.report-control select{box-sizing:border-box;color:#374151;cursor:pointer;background:#fff;border:1px solid #dfe3ea;border-radius:8px;outline:none;width:100%;height:42px;padding:0 11px;font-size:12px}.report-control select:focus{border-color:#222f63}.generate-inline-btn{color:#fff;cursor:pointer;background:#222f63;border:none;border-radius:8px;height:42px;padding:0 20px;font-size:12px;font-weight:600}.generate-inline-btn:hover{background:#18234f}.available-reports-section{margin-bottom:20px}.section-title{margin-bottom:14px}.section-title h2{color:#1f2937;margin:0 0 4px;font-size:17px}.section-title p{color:#94a3b8;margin:0;font-size:12px}.report-cards-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.available-report-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;transition:all .2s}.available-report-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 5px 15px #0f172a0f}.available-report-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.available-report-icon{color:#222f63;background:#eef2ff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:flex}.report-card-menu{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:6px;width:28px;height:28px;font-size:17px}.report-card-menu:hover{background:#f1f5f9}.available-report-card h3{color:#1f2937;margin:0 0 7px;font-size:14px}.available-report-card p{color:#64748b;min-height:34px;margin:0 0 17px;font-size:11px;line-height:1.5}.view-report-btn{color:#222f63;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:700;display:flex}.view-report-btn span{font-size:15px}.view-report-btn:hover{color:#18234f}.department-report-card,.report-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px #0f172a08}.department-report-header,.report-preview-header{justify-content:space-between;align-items:center;padding:20px;display:flex}.department-report-header h2,.report-preview-header h2{color:#1f2937;margin:0 0 4px;font-size:17px}.department-report-header p,.report-preview-header p{color:#94a3b8;margin:0;font-size:12px}.export-small-btn,.preview-export-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:7px;padding:9px 12px;font-size:11px;font-weight:600}.export-small-btn:hover,.preview-export-btn:hover{background:#e2e8f0}.department-table-wrapper,.report-preview-table-wrapper{width:100%;overflow-x:auto}.department-report-table,.report-preview-table{border-collapse:collapse;width:100%;min-width:850px}.department-report-table th,.report-preview-table th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.3px;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:13px 15px;font-size:10px;font-weight:700}.department-report-table td,.report-preview-table td{color:#4b5563;border-bottom:1px solid #edf0f4;padding:14px 15px;font-size:12px}.department-report-table tbody tr:hover,.report-preview-table tbody tr:hover{background:#fafbfe}.department-report-table tbody tr:last-child td,.report-preview-table tbody tr:last-child td{border-bottom:none}.department-name-cell{align-items:center;gap:9px;display:flex}.department-mini-icon{background:#eef2ff;border-radius:7px;justify-content:center;align-items:center;width:33px;height:33px;font-size:14px;display:flex}.department-name-cell strong{color:#374151;font-size:12px}.attendance-cell{align-items:center;gap:8px;display:flex}.mini-progress{background:#edf0f4;border-radius:20px;width:65px;height:6px;overflow:hidden}.mini-progress div{background:#222f63;border-radius:20px;height:100%}.attendance-cell span{color:#475569;font-size:11px;font-weight:600}.department-payroll{color:#222f63}.performance-badge{border-radius:20px;padding:5px 9px;font-size:9px;font-weight:600;display:inline-flex}.performance-badge.excellent{color:#047857;background:#ecfdf5}.performance-badge.good{color:#2563eb;background:#eff6ff}.performance-badge.average{color:#c2410c;background:#fff7ed}.preview-employee-cell{align-items:center;gap:9px;display:flex}.preview-avatar{color:#222f63;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:9px;font-weight:700;display:flex}.preview-employee-cell strong{color:#374151;margin-bottom:3px;font-size:11px;display:block}.preview-employee-cell span{color:#94a3b8;font-size:9px}.attendance-high,.attendance-medium,.attendance-low{font-weight:700}.attendance-high{color:#047857}.attendance-medium{color:#2563eb}.attendance-low{color:#dc2626}.active-status{color:#047857;background:#ecfdf5;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:600;display:inline-flex}.reports-modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.reports-modal{background:#fff;border-radius:14px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0f172a33}.reports-modal-wide{max-width:760px}.reports-modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.reports-modal-header h2{color:#1f2937;margin:0 0 4px;font-size:19px}.reports-modal-header p{color:#94a3b8;margin:0;font-size:12px}.reports-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:7px;width:32px;height:32px;font-size:22px}.reports-close-btn:hover{background:#f1f5f9}.reports-modal-body{padding:22px}.generated-success{background:#ecfdf5;border-radius:9px;align-items:center;gap:12px;margin-bottom:18px;padding:15px;display:flex}.success-icon{color:#047857;background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.generated-success h3{color:#065f46;margin:0 0 3px;font-size:13px}.generated-success p{color:#047857;margin:0;font-size:10px}.generated-report-info{grid-template-columns:1fr 1fr;gap:12px;display:grid}.generated-report-info div{background:#f8fafc;border-radius:8px;padding:13px}.generated-report-info span{color:#94a3b8;margin-bottom:5px;font-size:9px;display:block}.generated-report-info strong{color:#374151;font-size:11px}.report-result-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;display:grid}.report-result-summary div{text-align:center;border:1px solid #e5e7eb;border-radius:8px;padding:14px 10px}.report-result-summary span{color:#94a3b8;margin-bottom:5px;font-size:9px;display:block}.report-result-summary strong{color:#222f63;font-size:17px}.reports-modal-footer{border-top:1px solid #edf0f4;justify-content:flex-end;gap:8px;padding:16px 22px;display:flex}.report-print-btn,.report-export-btn,.report-modal-close-btn{cursor:pointer;border:none;border-radius:7px;padding:10px 15px;font-size:11px;font-weight:600}.report-print-btn{color:#475569;background:#f1f5f9}.report-export-btn{color:#fff;background:#222f63}.report-modal-close-btn{color:#64748b;background:#f8fafc}.report-print-btn:hover,.report-modal-close-btn:hover{background:#e2e8f0}.report-export-btn:hover{background:#18234f}.report-export-btn:disabled{cursor:not-allowed;background:#cbd5e1}.report-export-btn:disabled:hover{background:#cbd5e1}@media (width<=1200px){.reports-summary-grid,.report-cards-grid{grid-template-columns:repeat(2,1fr)}.report-generator-controls{grid-template-columns:1fr 1fr}.generate-inline-btn{width:100%}}@media (width<=768px){.admin-reports-page{padding:18px}.reports-page-header{flex-direction:column;align-items:flex-start;gap:15px}.reports-page-header h1{font-size:23px}.reports-generate-btn{justify-content:center;width:100%}.reports-summary-grid{grid-template-columns:1fr 1fr}.report-cards-grid,.report-generator-controls{grid-template-columns:1fr}.department-report-header,.report-preview-header{flex-direction:column;align-items:flex-start;gap:12px}.generated-report-info{grid-template-columns:1fr}}@media (width<=480px){.reports-summary-grid,.report-result-summary{grid-template-columns:1fr}.reports-modal-overlay{padding:10px}.reports-modal-header,.reports-modal-body,.reports-modal-footer{padding:16px}.reports-modal-footer{flex-wrap:wrap}}@media print{.reports-page-header button,.report-generator-card,.available-reports-section,.export-small-btn,.preview-export-btn,.reports-modal-overlay{display:none!important}.admin-reports-page{background:#fff;padding:0}.department-report-card,.report-preview-card{box-shadow:none}}.reports-error-text{color:#dc2626;margin:0;font-size:12px}.reports-not-available{color:#6b7280;background:#f8fafc;border-radius:8px;padding:24px;font-size:13px;line-height:1.5}.reports-modal-footer select,.report-control-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #dfe3ea;border-radius:8px;height:42px;padding:0 12px;font-size:12px}.admin-notifications-page{background:#f5f7fb;min-height:calc(100vh - 72px);padding:28px}.notifications-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.notifications-page-header h1{color:#1f2937;margin:0 0 6px;font-size:28px;font-weight:700}.notifications-page-header p{color:#6b7280;margin:0;font-size:14px}.create-notification-btn{color:#fff;cursor:pointer;background:#222f63;border:none;border-radius:8px;align-items:center;gap:7px;padding:12px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.create-notification-btn:hover{background:#18234f;transform:translateY(-1px)}.create-notification-btn span{font-size:19px}.notification-summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.notification-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:13px;padding:18px;display:flex;box-shadow:0 2px 8px #0f172a08}.notification-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:700;display:flex}.all-icon{color:#222f63;background:#eef2ff}.unread-icon{color:#ea580c;background:#fff7ed}.read-icon{color:#047857;background:#ecfdf5}.high-icon{color:#dc2626;background:#fef2f2}.notification-summary-card span{color:#6b7280;margin-bottom:5px;font-size:11px;display:block}.notification-summary-card strong{color:#1f2937;margin-bottom:4px;font-size:21px;display:block}.notification-summary-card small{color:#94a3b8;font-size:9px}.notification-controls-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;min-height:62px;margin-bottom:14px;padding:0 18px;display:flex}.notification-filter-tabs{align-items:center;gap:5px;height:100%;display:flex}.notification-filter-tabs button{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;height:62px;padding:0 13px;font-size:11px;font-weight:600}.notification-filter-tabs button:hover{color:#222f63}.notification-filter-tabs button.active{color:#222f63;border-bottom-color:#222f63}.notification-filter-tabs button span{background:#f1f5f9;border-radius:10px;margin-left:6px;padding:3px 6px;font-size:9px}.notification-filter-tabs button.active span{color:#222f63;background:#eef2ff}.mark-all-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:7px;padding:9px 12px;font-size:10px;font-weight:600}.mark-all-btn:hover{background:#e2e8f0}.notification-search-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:1fr 180px 160px auto;gap:10px;margin-bottom:20px;padding:14px;display:grid}.notification-search-box{border:1px solid #dfe3ea;border-radius:8px;align-items:center;height:40px;padding:0 11px;display:flex}.notification-search-box span{color:#94a3b8;margin-right:7px;font-size:20px}.notification-search-box input{color:#374151;border:none;outline:none;width:100%;font-size:11px}.notification-search-box input::placeholder{color:#9ca3af}.notification-search-card select{color:#475569;cursor:pointer;background:#fff;border:1px solid #dfe3ea;border-radius:8px;outline:none;height:40px;padding:0 10px;font-size:11px}.notification-search-card select:focus{border-color:#222f63}.clear-notification-filters{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:8px;height:40px;padding:0 14px;font-size:10px;font-weight:600}.clear-notification-filters:hover{background:#e2e8f0}.notification-list-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0f172a08}.notification-list-header{border-bottom:1px solid #edf0f4;padding:19px 20px}.notification-list-header h2{color:#1f2937;margin:0 0 4px;font-size:17px}.notification-list-header p{color:#94a3b8;margin:0;font-size:11px}.notification-list{flex-direction:column;display:flex}.notification-item{border-bottom:1px solid #edf0f4;align-items:flex-start;gap:13px;padding:18px 20px;transition:all .15s;display:flex;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#fafbfe}.notification-unread{background:#fcfdff}.unread-dot{background:#222f63;border-radius:50%;width:6px;height:6px;position:absolute;top:27px;left:8px}.notification-item-icon{color:#222f63;background:#eef2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.category-payroll{color:#2563eb;background:#eff6ff}.category-leave{color:#c2410c;background:#fff7ed}.category-attendance{color:#047857;background:#ecfdf5}.category-employee,.category-users{color:#222f63;background:#eef2ff}.category-documents{color:#7c3aed;background:#f5f3ff}.category-system{color:#475569;background:#f1f5f9}.notification-content{flex:1;min-width:0}.notification-title-row{align-items:center;gap:9px;margin-bottom:5px;display:flex}.notification-title-row h3{color:#374151;margin:0;font-size:13px;font-weight:700}.notification-unread .notification-title-row h3{color:#1f2937}.notification-content p{color:#64748b;margin:0 0 9px;font-size:11px;line-height:1.55}.notification-meta{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:6px;font-size:9px;display:flex}.priority-badge{white-space:nowrap;border-radius:20px;padding:4px 8px;font-size:8px;font-weight:700;display:inline-flex}.priority-high{color:#dc2626;background:#fef2f2}.priority-medium{color:#c2410c;background:#fff7ed}.priority-low{color:#64748b;background:#f1f5f9}.notification-item-actions{flex-shrink:0;align-items:center;gap:5px;margin-left:auto;display:flex}.notification-view-btn{color:#222f63;cursor:pointer;background:#eef2ff;border:none;border-radius:6px;padding:7px 10px;font-size:9px;font-weight:600}.notification-view-btn:hover{background:#e0e7ff}.notification-action-icon{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:6px;width:29px;height:29px;font-size:11px}.notification-action-icon:hover{background:#e2e8f0}.delete-notification:hover{color:#dc2626;background:#fef2f2}.notifications-empty-state{text-align:center;padding:60px 20px}.notifications-empty-state>div{margin-bottom:10px;font-size:35px}.notifications-empty-state h3{color:#374151;margin:0 0 5px;font-size:15px}.notifications-empty-state p{color:#94a3b8;margin:0 0 15px;font-size:11px}.notifications-empty-state button{color:#fff;cursor:pointer;background:#222f63;border:none;border-radius:7px;padding:9px 14px;font-size:10px}.notifications-modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.notifications-modal,.notification-details-modal{background:#fff;border-radius:14px;width:100%;max-width:570px;max-height:90vh;overflow:hidden auto;box-shadow:0 20px 50px #0f172a33}.notifications-modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.notifications-modal-header h2{color:#1f2937;margin:0 0 4px;font-size:18px}.notifications-modal-header p{color:#94a3b8;margin:0;font-size:11px}.notification-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:7px;width:31px;height:31px;font-size:21px}.notification-close-btn:hover{background:#e2e8f0}.notifications-modal-body{padding:22px}.notification-form-group{flex-direction:column;gap:7px;margin-bottom:15px;display:flex}.notification-form-group label{color:#374151;font-size:10px;font-weight:700}.notification-form-group input,.notification-form-group textarea,.notification-form-group select{box-sizing:border-box;color:#374151;background:#fff;border:1px solid #dfe3ea;border-radius:8px;outline:none;width:100%;padding:10px 11px;font-family:inherit;font-size:11px}.notification-form-group textarea{resize:vertical}.notification-form-group input:focus,.notification-form-group textarea:focus,.notification-form-group select:focus{border-color:#222f63}.notification-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.notifications-modal-footer{border-top:1px solid #edf0f4;justify-content:flex-end;gap:8px;padding:16px 22px;display:flex}.cancel-notification-btn,.send-notification-btn,.delete-detail-btn,.close-detail-btn{cursor:pointer;border:none;border-radius:7px;padding:10px 15px;font-size:10px;font-weight:600}.cancel-notification-btn,.close-detail-btn{color:#475569;background:#f1f5f9}.cancel-notification-btn:hover,.close-detail-btn:hover{background:#e2e8f0}.send-notification-btn{color:#fff;background:#222f63}.send-notification-btn:hover{background:#18234f}.notification-details-body{padding:24px}.notification-detail-icon{color:#222f63;background:#eef2ff;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:14px;font-size:20px;display:flex}.notification-detail-title{align-items:center;gap:9px;margin-bottom:15px;display:flex}.notification-detail-title h3{color:#1f2937;margin:0;font-size:17px}.notification-detail-message{color:#475569;background:#f8fafc;border-radius:9px;margin-bottom:17px;padding:15px;font-size:11px;line-height:1.6}.notification-detail-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.notification-detail-grid div{background:#f8fafc;border-radius:8px;padding:12px}.notification-detail-grid span{color:#94a3b8;margin-bottom:5px;font-size:9px;display:block}.notification-detail-grid strong{color:#374151;font-size:10px}.delete-detail-btn{color:#dc2626;background:#fef2f2;margin-right:auto}.delete-detail-btn:hover{background:#fee2e2}.close-detail-btn{color:#fff;background:#222f63}.close-detail-btn:hover{background:#18234f}@media (width<=1200px){.notification-summary-grid{grid-template-columns:repeat(2,1fr)}.notification-search-card{grid-template-columns:1fr 1fr}}@media (width<=768px){.admin-notifications-page{padding:18px}.notifications-page-header{flex-direction:column;align-items:flex-start;gap:15px}.notifications-page-header h1{font-size:23px}.create-notification-btn{justify-content:center;width:100%}.notification-controls-card{padding:0 10px;overflow-x:auto}.notification-filter-tabs,.notification-actions{min-width:max-content}.notification-search-card{grid-template-columns:1fr}.notification-item{padding:15px}.notification-item-actions{flex-direction:column}.notification-title-row{flex-wrap:wrap}}@media (width<=520px){.notification-summary-grid{grid-template-columns:1fr}.notification-item{flex-wrap:wrap}.notification-content{width:calc(100% - 55px)}.notification-item-actions{flex-direction:row;width:100%;margin-left:55px}.notification-form-row,.notification-detail-grid{grid-template-columns:1fr}.notifications-modal-overlay{padding:10px}.notifications-modal-header,.notifications-modal-body,.notification-details-body,.notifications-modal-footer{padding:16px}}.admin-coming-soon-page{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:40px 20px;display:flex}.admin-coming-soon-card{text-align:center;background:#fff;border:1px solid #e5e9f2;border-radius:14px;flex-direction:column;align-items:center;gap:10px;max-width:440px;padding:40px 32px;display:flex;box-shadow:0 1px 2px #0f172a0a}.admin-coming-soon-icon{margin-bottom:4px;font-size:34px}.admin-coming-soon-badge{color:#92400e;letter-spacing:.3px;text-transform:uppercase;background:#fef3c7;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.admin-coming-soon-card h1{color:#111827;margin:6px 0 0;font-size:19px}.admin-coming-soon-card p{color:#64748b;margin:0;font-size:13px;line-height:1.6}.admin-settings-page{background:#f5f7fb;min-height:calc(100vh - 72px);padding:28px}.settings-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.settings-page-header h1{color:#1f2937;margin:0 0 6px;font-size:28px;font-weight:700}.settings-page-header p{color:#6b7280;margin:0;font-size:14px}.settings-saved-message{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:8px;padding:10px 14px;font-size:11px;font-weight:600}.settings-error-message{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:11px;font-weight:600}.settings-layout{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:18px;display:grid}.settings-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px;box-shadow:0 2px 8px #0f172a08}.settings-menu-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;padding:9px 11px 12px;font-size:9px;font-weight:700}.settings-menu-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:57px;margin-bottom:3px;padding:8px 9px;transition:all .15s;display:flex}.settings-menu-item:hover{background:#f8fafc}.settings-menu-item.active{background:#eef2ff}.settings-menu-icon{background:#f8fafc;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.settings-menu-item.active .settings-menu-icon{background:#fff}.settings-menu-text{flex:1;min-width:0}.settings-menu-text strong{color:#374151;margin-bottom:3px;font-size:11px;display:block}.settings-menu-item.active .settings-menu-text strong{color:#222f63}.settings-menu-text span{color:#94a3b8;font-size:9px;display:block}.settings-menu-arrow{color:#cbd5e1;font-size:17px}.settings-menu-item.active .settings-menu-arrow{color:#222f63}.settings-content{min-width:0}.settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0f172a08}.settings-section-header{align-items:center;gap:13px;display:flex}.settings-section-icon{color:#222f63;background:#eef2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;display:flex}.settings-section-header h2{color:#1f2937;margin:0 0 5px;font-size:18px}.settings-section-header p{color:#94a3b8;margin:0;font-size:11px}.settings-divider{background:#edf0f4;height:1px;margin:22px 0}.settings-form{max-width:720px}.settings-form-group{flex-direction:column;gap:7px;margin-bottom:17px;display:flex}.settings-form-group label{color:#374151;font-size:10px;font-weight:700}.settings-form-group input,.settings-form-group select{box-sizing:border-box;color:#374151;background:#fff;border:1px solid #dfe3ea;border-radius:8px;outline:none;width:100%;height:41px;padding:0 11px;font-size:11px}.settings-form-group input:focus,.settings-form-group select:focus{border-color:#222f63}.settings-form-group small{color:#94a3b8;font-size:9px;line-height:1.4}.settings-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.organization-info-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px;align-items:flex-start;gap:10px;margin-top:5px;padding:14px;display:flex}.info-box-icon{color:#222f63;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.organization-info-box strong{color:#374151;margin-bottom:4px;font-size:11px;display:block}.organization-info-box p{color:#94a3b8;margin:0;font-size:9px;line-height:1.5}.settings-option-list{flex-direction:column;display:flex}.settings-option{border-bottom:1px solid #edf0f4;align-items:center;gap:12px;padding:15px 0;display:flex}.settings-option:first-child{padding-top:0}.settings-option:last-child{border-bottom:none;padding-bottom:0}.settings-option-icon{color:#475569;background:#f8fafc;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;display:flex}.settings-option-info{flex:1}.settings-option-info strong{color:#374151;margin-bottom:4px;font-size:11px;display:block}.settings-option-info p{color:#94a3b8;margin:0;font-size:9px;line-height:1.45}.settings-toggle{cursor:pointer;background:#cbd5e1;border:none;border-radius:20px;flex-shrink:0;width:39px;height:22px;padding:2px;transition:all .2s}.settings-toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;display:block;box-shadow:0 1px 3px #0f172a33}.settings-toggle.on{background:#222f63}.settings-toggle.on span{transform:translate(17px)}.security-settings-form{max-width:350px;margin-top:22px}.security-status-box{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:9px;align-items:center;gap:11px;margin-top:20px;padding:14px;display:flex}.security-status-icon{color:#047857;background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.security-status-box strong{color:#065f46;margin-bottom:3px;font-size:11px;display:block}.security-status-box p{color:#047857;margin:0;font-size:9px}.appearance-preview{border:1px solid #e5e7eb;border-radius:10px;margin-top:24px;overflow:hidden}.appearance-preview-header{color:#64748b;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:11px 13px;font-size:10px;font-weight:700}.appearance-preview-body{background:#f8fafc;height:170px;display:flex}.preview-sidebar{background:#222f63;width:95px}.preview-content{flex:1;padding:16px}.preview-line{background:#e2e8f0;border-radius:5px;width:40%;height:7px;margin-bottom:8px}.preview-line.large{background:#cbd5e1;width:65%;height:10px}.preview-cards{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px;display:grid}.preview-cards div{background:#fff;border:1px solid #e5e7eb;border-radius:5px;height:45px}.preview-table{background:#fff;border:1px solid #e5e7eb;border-radius:5px;height:45px;margin-top:9px}.regional-preview{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.regional-preview div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:13px}.regional-preview span{color:#94a3b8;margin-bottom:6px;font-size:9px;display:block}.regional-preview strong{color:#374151;font-size:10px;display:block}.settings-footer{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:flex-end;gap:8px;margin-top:16px;padding:14px 18px;display:flex}.settings-reset-btn,.settings-save-btn{cursor:pointer;border:none;border-radius:7px;padding:10px 16px;font-size:10px;font-weight:600}.settings-reset-btn{color:#475569;background:#f1f5f9}.settings-reset-btn:hover{background:#e2e8f0}.settings-save-btn{color:#fff;background:#222f63}.settings-save-btn:hover{background:#18234f}@media (width<=1000px){.settings-layout{grid-template-columns:1fr}.settings-menu{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.settings-menu-title{grid-column:1/-1}}@media (width<=700px){.admin-settings-page{padding:18px}.settings-page-header{flex-direction:column;align-items:flex-start;gap:12px}.settings-page-header h1{font-size:23px}.settings-menu{grid-template-columns:1fr}.settings-section{padding:18px}.settings-form-row{grid-template-columns:1fr;gap:0}.regional-preview{grid-template-columns:1fr}}@media (width<=480px){.settings-option{align-items:flex-start}.settings-toggle{margin-top:5px}.settings-footer{z-index:5;position:sticky;bottom:0}.settings-reset-btn,.settings-save-btn{flex:1}}.hrconfig-page{flex-direction:column;gap:20px;display:flex}.hrconfig-header{justify-content:space-between;align-items:center;display:flex}.hrconfig-header h1{margin:0 0 4px;font-size:24px;font-weight:700}.hrconfig-header p{color:#6b7280;margin:0;font-size:14px}.hrconfig-add-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-weight:600;display:flex}.hrconfig-add-btn:hover{background:#4338ca}.hrconfig-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin:0;padding:10px 14px;font-size:14px}.hrconfig-action-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:10px 14px;font-size:14px}.hrconfig-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.hrconfig-table{border-collapse:collapse;width:100%}.hrconfig-table th{text-align:left;text-transform:uppercase;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:12px}.hrconfig-table td{border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:14px}.hrconfig-empty{text-align:center;color:#9ca3af;padding:32px 16px}.hrconfig-status{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.hrconfig-status.active{color:#047857;background:#ecfdf5}.hrconfig-status.inactive{color:#6b7280;background:#f3f4f6}.hrconfig-actions{gap:8px;display:flex}.hrconfig-actions button{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:30px;height:30px}.hrconfig-actions button:hover{background:#f9fafb}.hrconfig-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hrconfig-modal{background:#fff;border-radius:12px;width:480px;max-width:90vw;padding:24px}.hrconfig-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hrconfig-modal-header h2{margin:0;font-size:18px}.hrconfig-modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:22px}.hrconfig-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.hrconfig-form-group{flex-direction:column;gap:6px;display:flex}.hrconfig-form-group.full{grid-column:1/-1}.hrconfig-form-group label{color:#374151;font-size:13px;font-weight:600}.hrconfig-form-group label span{color:#dc2626}.hrconfig-form-group input,.hrconfig-form-group select{border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;font-size:14px}.hrconfig-modal-footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.hrconfig-cancel-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:9px 16px;font-weight:600}.hrconfig-save-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:9px 16px;font-weight:600}.hrconfig-save-btn:disabled,.hrconfig-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.face-enrollment-provider-banner{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.5}.face-enrollment-card{padding:24px}.face-enrollment-body{flex-direction:column;gap:18px;max-width:480px;display:flex}.face-enrollment-status-row{color:#374151;align-items:center;gap:12px;font-size:13px;display:flex}.face-enrollment-capture{flex-direction:column;gap:12px;display:flex}.face-enrollment-video{background:#111827;border-radius:8px;width:100%;max-width:360px}.face-enrollment-mode-buttons{flex-wrap:wrap;gap:10px;display:flex}.face-enrollment-file-input{display:none}.face-enrollment-photo-preview{object-fit:contain;background:#111827;border-radius:8px;width:100%;max-width:360px;max-height:360px}.face-enrollment-selected-filename{color:#6b7280;margin:0;font-size:12px}.face-enrollment-submitting-status{color:#374151;margin:0;font-size:13px}.face-enrollment-consent{color:#374151;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;display:flex}.face-enrollment-consent input{margin-top:3px}.face-review-section{flex-direction:column;gap:12px;margin-bottom:18px;padding:18px 20px;display:flex}.face-review-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.face-review-section-header h2{color:#111827;margin:0 0 2px;font-size:16px}.face-review-section select,.face-review-inputs input{background:#fff;border:1px solid #d1d5db;border-radius:7px;max-width:100%;padding:7px 10px;font-size:13px}.face-review-muted{color:#6b7280;margin:0;font-size:12px}.face-review-notice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin:0;padding:10px 14px;font-size:12px;line-height:1.5}.face-review-card{border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.face-review-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.face-review-table-wrap{overflow-x:auto}.face-review-table{border-collapse:collapse;width:100%;min-width:560px;font-size:12px}.face-review-table th,.face-review-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:6px 8px}.face-review-table th{color:#6b7280;font-weight:600}.face-review-guidance{color:#374151;margin:0;font-size:12px;line-height:1.5}.face-review-inputs{flex-wrap:wrap;gap:8px;display:flex}.face-review-inputs input{flex:200px}.face-review-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-audit-logs-page{width:100%}.admin-audit-logs-page .attendance-page-header{margin-bottom:22px}.admin-audit-logs-page .attendance-page-header h1{color:#111827;margin:0 0 7px;font-size:28px;font-weight:700}.admin-audit-logs-page .attendance-page-header p{color:#64748b;max-width:720px;margin:0;font-size:13px;line-height:1.6}.admin-audit-logs-page .attendance-content-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:20px;overflow:hidden}.admin-audit-logs-page .attendance-card-header{border-bottom:1px solid #edf0f4;padding:19px 22px}.admin-audit-logs-page .attendance-card-header h2{color:#111827;margin:0 0 4px;font-size:16px}.admin-audit-logs-page .attendance-card-header p{color:#94a3b8;margin:0;font-size:11px}.admin-audit-logs-page .correction-list{flex-direction:column;gap:14px;padding:18px 22px;display:flex}.admin-audit-logs-page .correction-list-empty{text-align:center;color:#94a3b8;margin:0;padding:20px 0;font-size:12px}.admin-audit-logs-page .correction-list-item{background:#f8fafc;border:1px solid #e4e8ef;border-radius:10px;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.admin-audit-logs-page .correction-list-main{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-audit-logs-page .correction-list-main strong{color:#1f2937;font-size:12px}.admin-audit-logs-page .correction-list-main span{color:#64748b;font-size:11px}.admin-audit-logs-page .correction-list-reason{color:#374151;margin:0;font-size:11px;line-height:1.5}.admin-audit-logs-page .correction-list-meta{color:#94a3b8;margin:0;font-size:10px}.admin-audit-logs-page .correction-status-pill{text-transform:uppercase;border-radius:20px;padding:3px 9px;font-size:9px;font-weight:700}.admin-audit-logs-page .correction-status-pill.approved{color:#047857;background:#ecfdf5}.admin-audit-logs-page .correction-status-pill.rejected{color:#dc2626;background:#fef2f2}.admin-audit-logs-page .correction-status-pill.pending{color:#c2410c;background:#fff7ed}