@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-red:#3b82f6;--primary-red-hover:#2563eb;--primary-red-soft:#e6f0ff;--bg-body:#f5f9ff;--bg-white:#fff;--text-main:#0f172a;--text-secondary:#4f6b95;--text-light:#9db5d6;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--shadow-sm:0 8px 30px #0f172a14;--shadow-md:0 20px 40px #3b82f62e;--shadow-lg:0 40px 70px #0f172a26;--shadow-red:0 30px 50px #3b82f640;--glow-blue:0 25px 55px #0ea5e959;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:radial-gradient(circle at 15% 20%, #dbeafeb3, transparent 55%), radial-gradient(circle at 85% 0%, #bfdbfe99, transparent 45%), var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}::selection{color:var(--text-main);background:#3b82f640}.min-h-screen{min-height:100vh}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.m-auto{margin:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.text-center{text-align:center}.text-right{text-align:right}h1,h2,h3,h4{color:var(--text-main);font-weight:700;line-height:1.2}.text-3xl{letter-spacing:-.02em;font-size:2rem}.text-2xl{letter-spacing:-.01em;font-size:1.5rem}.text-xl{font-size:1.25rem;font-weight:600}.text-lg{font-size:1.125rem;font-weight:500}.text-base{font-size:1rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-red{color:var(--primary-red)}.text-gray{color:var(--text-secondary)}.text-light{color:var(--text-light)}.text-white{color:#fff}.card{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid #94a3b833;padding:1.5rem;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.card:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(120deg,#3b82f614,#0000 60%);transition:opacity .25s;position:absolute;inset:0}.card.hoverable:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.card.hoverable:hover:after{opacity:1}.card.active{border:2px solid var(--primary-red);box-shadow:var(--shadow-red)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:.75rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;box-shadow:var(--glow-blue);background:linear-gradient(135deg,#60a5fa,#3b82f6)}.btn-primary:hover{background:linear-gradient(135deg,#7dd3fc,#2563eb);box-shadow:0 25px 45px #2563eb4d}.btn-outline{color:var(--primary-red);background-color:#0000;border:2px solid #2563eb66;box-shadow:inset 0 0 0 1px #ffffff1a}.btn-outline:hover{background:#2563eb14}.btn-secondary{color:var(--text-main);background:#e2e8f0e6}.btn-secondary:hover{background:#cbd5e1f2}.input-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.input-wrapper .input-field{flex:1}.input-wrapper.has-slot .input-field{padding-right:3rem}.input-slot{color:var(--text-secondary);align-items:center;gap:.35rem;display:inline-flex;position:absolute;right:.75rem}.input-slot button{cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:.35rem;display:inline-flex}.input-slot button:focus-visible{outline:2px solid var(--primary-red);outline-offset:2px}.input-field{border-radius:var(--radius-sm);width:100%;color:var(--text-main);background-color:#f8faffe6;border:2px solid #0000;padding:1rem 1.25rem;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--primary-red);background-color:#fff;outline:none;box-shadow:0 0 0 4px #2563eb26}.input-field::placeholder{color:#a0a0a0}.page-header{color:var(--text-main);background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:0 0 40px 40px;padding:2rem 1.5rem 4rem;position:relative;overflow:hidden;box-shadow:0 25px 60px #3b82f640}.page-header:before,.page-header:after{content:"";background:radial-gradient(circle,#3b82f640,#0000 70%);border-radius:999px;width:220px;height:220px;animation:8s ease-in-out infinite float;position:absolute}.page-header:before{top:-100px;left:-70px}.page-header:after{animation-delay:1.2s;bottom:-130px;right:-80px}.bg-gray-50{background-color:#f9fafb}.rounded-full{border-radius:9999px}.shadow-2xl{box-shadow:var(--shadow-lg)}.cursor-pointer{cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.auth-shell{background:radial-gradient(circle at top,#fdf4f5 0%,#f5f7fb 40%,#eef1f7 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-card{background:#fff;border-radius:28px;flex-direction:column;align-items:center;row-gap:1.75rem;width:min(1100px,100%);padding:clamp(2.5rem,4vw,4rem) clamp(2rem,5vw,5rem);display:flex;box-shadow:0 40px 80px #0f172a14}.auth-card__icon{background:#ffe7e7;border-radius:9999px;place-items:center;width:88px;height:88px;display:grid}.auth-card__field .input-field{background:#f9fafc;border-radius:14px}.auth-card__submit{border-radius:16px;width:100%;margin-top:.5rem;padding:1.25rem;font-size:1.05rem;box-shadow:0 20px 30px #ff2e2e4d}.auth-card__footnote{text-align:center;width:100%;color:var(--text-light);margin-top:1rem}@keyframes float{0%{transform:translate(0,0)}50%{transform:translate(20px,-10px)}to{transform:translate(0,0)}}@media (width<=720px){.auth-shell{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-card__helpers{text-align:center;flex-direction:column;gap:.25rem}}.attendance-today-card{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid #3b82f61a;flex-direction:column;gap:1.25rem;padding:1.75rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.attendance-today-card:hover{box-shadow:var(--shadow-md);border-color:#3b82f633}.attendance-today-card:before{content:"";background:linear-gradient(#3b82f6,#60a5fa);width:5px;height:100%;position:absolute;top:0;left:0}.attendance-header{justify-content:space-between;align-items:flex-start;display:flex}.attendance-time-box{flex-direction:column;display:flex}.attendance-time{color:var(--text-main);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:800;line-height:1}.attendance-date{color:var(--text-secondary);margin-top:.25rem;font-size:.95rem;font-weight:500}.attendance-status-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.75rem;font-weight:700;display:flex}.status-not-punched{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.status-punched-in{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7}.status-completed{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.dot{border-radius:50%;width:8px;height:8px}.dot.gray{background:#94a3b8}.dot.green{background:#22c55e;animation:2s infinite pulse}.dot.blue{background:#3b82f6}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.punch-btn{border-radius:var(--radius-sm);cursor:pointer;color:#fff;border:none;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1.15rem;font-size:1.1rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.punch-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.punch-btn:active:not(:disabled){transform:translateY(0)scale(.98)}.punch-btn.in{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 25px #10b9814d}.punch-btn.out{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 25px #ef44444d}.punch-btn.completed{color:#64748b;cursor:default;box-shadow:none;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.attendance-error-msg{border-radius:var(--radius-sm,8px);color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;padding:.6rem .9rem;font-size:.83rem;font-weight:600;line-height:1.4}.loc-blocked-panel{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;gap:.9rem;padding:1rem 1.1rem;display:flex}.loc-blocked-panel__icon{flex-shrink:0;padding-top:2px;font-size:1.6rem;line-height:1}.loc-blocked-panel__body{flex-direction:column;gap:.45rem;min-width:0;display:flex}.loc-blocked-panel__title{color:#92400e;margin:0;font-size:.92rem;font-weight:800}.loc-blocked-panel__desc{color:#78350f;margin:0;font-size:.8rem;line-height:1.45}.loc-blocked-panel__steps{flex-direction:column;gap:.3rem;margin:.2rem 0 0;padding-left:1.1rem;display:flex}.loc-blocked-panel__steps li{color:#78350f;font-size:.78rem;line-height:1.4}.loc-blocked-panel__retry{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;align-self:flex-start;margin-top:.5rem;padding:.48rem 1rem;font-size:.82rem;font-weight:700;transition:background .2s,transform .15s}.loc-blocked-panel__retry:hover{background:#d97706;transform:translateY(-1px)}.loc-blocked-panel__allow-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:#16a34a;border:none;border-radius:8px;align-self:flex-start;margin-top:.5rem;padding:.6rem 1.2rem;font-size:.88rem;font-weight:700;transition:background .2s,transform .15s}.loc-blocked-panel__allow-btn:hover:not(:disabled){background:#15803d;transform:translateY(-1px)}.loc-blocked-panel__allow-btn:disabled{opacity:.6;cursor:not-allowed}.attendance-details{border-top:1px dashed #e2e8f0;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding-top:1.25rem;display:grid}.detail-item{flex-direction:column;gap:.25rem;display:flex}.detail-label{text-transform:uppercase;letter-spacing:.075em;color:var(--text-light);font-size:.7rem;font-weight:700}.detail-value{color:var(--text-main);font-size:1.05rem;font-weight:700}.spinner.sm{border:2px solid #3b82f61a;border-left-color:#3b82f6;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.dashboard-grid-layout{grid-template-columns:1fr!important}}.profile-photo-upload-container{flex-direction:column;align-items:center;width:100%;margin-bottom:2rem;display:flex}.passport-photo-frame{cursor:pointer;background:radial-gradient(circle at 0 0,#f8fafc,#e2e8f0);border:2px solid #94a3b84d;border-radius:8px;width:150px;height:200px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.passport-photo-frame:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 20px 25px -5px #3b82f633,0 10px 10px -5px #3b82f61a}.passport-photo-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .5s}.passport-photo-frame:hover .passport-photo-img{transform:scale(1.05)}.passport-photo-placeholder{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;padding:1rem;display:flex}.passport-photo-placeholder svg{color:#94a3b8;transition:color .3s,transform .3s}.passport-photo-frame:hover .passport-photo-placeholder svg{color:#3b82f6;transform:scale(1.1)}.passport-photo-placeholder span{color:#94a3b8;font-size:.75rem;font-weight:500}.passport-photo-overlay{opacity:0;color:#fff;background:#0f172aa6;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.passport-photo-frame:hover .passport-photo-overlay{opacity:1}.passport-photo-overlay span{text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.passport-photo-loader{color:#3b82f6;background:#ffffffd9;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:.8rem;font-weight:600;display:flex;position:absolute;inset:0}.passport-photo-helper-text{color:var(--text-secondary);text-align:center;max-width:250px;margin-top:.75rem;font-size:.78rem;line-height:1.4}.hr-avatar-photo{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.photo-prompt-animate{animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn}.auth-shell{isolation:isolate;background:radial-gradient(circle at 20% 10%,#bfdbfe99,#0000 55%),radial-gradient(circle at 80% 0,#93c5fd73,#0000 45%),linear-gradient(135deg,#f7fbff,#e5f0ff 55%,#dbeafe);justify-content:center;align-items:center;min-height:100vh;padding:clamp(1.5rem,4vw,3rem);display:flex;position:relative;overflow:hidden}.auth-shell:before{content:"";filter:blur(100px);opacity:.7;z-index:0;pointer-events:none;background:radial-gradient(circle at 35%,#3b82f659,#0000 80%);height:70%;position:absolute;inset:-25% -10% auto}.auth-shell__glow{filter:blur(90px);opacity:.6;z-index:0;pointer-events:none;background:radial-gradient(circle,#60a5fa66,#0000 75%);height:60%;position:absolute;inset:auto -15% -35%}.auth-shell:after{content:"";filter:blur(18px);opacity:.65;z-index:1;pointer-events:none;background:linear-gradient(90deg,#ffffffa6,#60a5fa26);width:160%;height:8rem;position:absolute;top:35%;left:-30%;transform:rotate(-4deg)}.auth-card{z-index:2;background:linear-gradient(#fffffff2,#ecf4ffd9);border:1px solid #94a3b840;border-radius:32px;flex-direction:column;row-gap:1.5rem;width:min(480px,100%);padding:clamp(2rem,5vw,3rem);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #0f172a1f,0 60px 120px #3b82f62e}.auth-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0,#7dd3fc40,#0000 50%);position:absolute;inset:0}.auth-card__icon{color:#2563eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3b82f626;border:1px solid #94a3b84d;border-radius:9999px;place-items:center;width:64px;height:64px;margin:0 auto;display:grid}.auth-card__header{text-align:center}.auth-card__header h1{color:#0f172a;margin-bottom:.5rem;font-size:clamp(1.75rem,3vw,2.3rem)}.auth-card__header span{color:#0f172a}.auth-card__header p{color:#475569cc;font-size:1rem}.auth-card__eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#e2e8f0b3;margin-bottom:.75rem;font-size:.85rem;display:inline-block}.auth-card__form{flex-direction:column;gap:1.05rem;width:100%;display:flex}.auth-card__field .input-field{color:#0f172a;background:#f8faffe6;border:1px solid #94a3b866;border-radius:14px}.auth-card__helpers{color:#475569cc;justify-content:space-between;font-size:.85rem;display:flex}.auth-help{color:#475569d9;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.auth-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.auth-error{color:#2563eb;text-align:center;font-size:.9rem}.auth-help-card{color:#b91c1c;text-align:center;background:linear-gradient(135deg,#fee2e2f2,#fef2f2f2);border:1px solid #f8717199;border-radius:14px;padding:.75rem 1rem;font-weight:700;box-shadow:0 12px 24px #b91c1c2e}.auth-success{color:#16a34a;text-align:center;font-size:.95rem}.auth-card__submit{background:linear-gradient(120deg,#93c5fd,#60a5fa,#3b82f6) 0 0/200% 200%;border-radius:16px;width:100%;margin-top:.5rem;padding:1.05rem;font-size:1rem;animation:6s infinite pulseGradient;box-shadow:0 25px 40px #60a5fa59}.auth-card__footnote{text-align:center;color:#475569b3;width:100%;margin-top:1rem}@keyframes pulseGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.auth-modal{z-index:10;place-items:center;padding:clamp(1rem,4vw,2rem);display:grid;position:fixed;inset:0}.auth-modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;position:absolute;inset:0}.auth-modal__card{z-index:11;background:linear-gradient(#fff,#eaf2ff);border:1px solid #94a3b859;border-radius:24px;width:min(540px,92vw);max-height:min(90vh,760px);padding:1.75rem;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0f172a40}.auth-modal__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.auth-modal__lead{align-items:center;gap:1rem;display:flex}.auth-modal__icon{color:#1d4ed8;background:linear-gradient(135deg,#3b82f629,#0ea5e91f);border:1px solid #3b82f633;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.auth-modal__header h2{margin:.25rem 0}.auth-modal__header small{color:#475569d9}.auth-modal__close{cursor:pointer;background:#e2e8f0cc;border:1px solid #94a3b880;border-radius:999px;width:36px;height:36px}.auth-stepper{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.auth-stepper__divider{background:#94a3b880;flex:1;height:1px}.auth-step{color:#475569d9;align-items:center;gap:.5rem;font-weight:600;display:flex}.auth-step__badge{color:#475569e6;background:#e2e8f0cc;border:1px solid #94a3b873;border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.auth-step.is-active{color:#0f172a}.auth-step.is-active .auth-step__badge{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.auth-field-label{color:#0f172a;font-size:.95rem;font-weight:600}.auth-input-shell{background:#f8fafc;border:1px solid #94a3b880;border-radius:16px;align-items:center;gap:.65rem;margin-top:.35rem;padding:.8rem .9rem;display:flex;position:relative;box-shadow:inset 0 1px #fffc}.auth-input-shell input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.auth-input-toggle{color:#0f172a;cursor:pointer;background:linear-gradient(#ffffffe6,#f1f5f9e6);border:1px solid #94a3b880;border-radius:8px;place-items:center;width:34px;height:34px;transition:transform .12s,box-shadow .12s,border-color .15s;display:grid;box-shadow:0 1px 1px #0f172a14,0 8px 16px #3b82f61f}.auth-input-toggle:hover{border-color:#3b82f680;transform:translateY(-1px);box-shadow:0 2px 6px #0f172a14,0 10px 20px #3b82f629}.auth-input-toggle:active{transform:translateY(0);box-shadow:0 1px 3px #0f172a1f,inset 0 1px 2px #0000000a}.auth-form--tight{gap:.85rem}.auth-gradient-btn{color:#fff;background:linear-gradient(120deg,#0ea5e9,#0284c7,#0369a1);border:none;border-radius:14px;width:100%;padding:1rem;transition:transform .15s,box-shadow .2s;box-shadow:0 15px 30px #0284c74d,0 6px 18px #0ea5e933}.auth-gradient-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 36px #0284c752,0 8px 22px #0ea5e93d}.auth-gradient-btn.is-loading{background-size:200% 200%;animation:2s infinite shimmer;position:relative}.btn.auth-gradient-btn{color:#fff;border:none}.loading-dots:after{content:"";text-align:left;width:1.25em;animation:1.4s steps(4,end) infinite dots;display:inline-block}@keyframes shimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.auth-return{color:#475569e6;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.auth-modal__actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (width<=720px){.auth-shell{justify-content:center;align-items:center;padding:1.25rem}.auth-card{border-radius:24px;width:min(440px,100%);margin:0 auto;padding:1.75rem 1.4rem}.auth-card__helpers{text-align:center;flex-direction:column;gap:.25rem}.auth-card__header h1{font-size:1.75rem}.auth-card__header p{font-size:.95rem}.auth-input-shell{border-radius:14px;padding:.8rem .9rem}.auth-input-toggle{width:32px;height:32px}.auth-modal{align-items:flex-start}.auth-modal__card{border-radius:18px;width:100%;max-height:92vh;padding:1.25rem 1rem}.auth-modal__header{flex-direction:column;align-items:stretch;gap:.5rem}.auth-modal__lead{align-items:flex-start;gap:.65rem}.auth-modal__close{align-self:flex-end}.auth-stepper{flex-flow:wrap;align-items:center;gap:.5rem}.auth-stepper__divider{width:40px}.auth-modal__actions{flex-direction:column;align-items:stretch}}@media (width<=480px){.auth-modal__card{padding:1rem .9rem}.auth-modal__lead{flex-direction:column;align-items:flex-start}.auth-modal__icon{width:40px;height:40px}.auth-modal__header h2{font-size:1.25rem}.auth-modal__header small{font-size:.85rem}.auth-step__badge{width:28px;height:28px;font-size:.85rem}.auth-step{font-size:.85rem}.auth-input-shell{border-radius:14px;padding:.7rem .8rem}.auth-input-shell input{font-size:.95rem}}@media (width>=1280px){.auth-shell{padding:3rem 4rem}.auth-card{width:min(440px,90%);padding:2.25rem 2rem}}.floating-lines-container{pointer-events:none;z-index:1;filter:drop-shadow(0 45px 120px #0a46a873);opacity:.95;position:absolute;inset:-10% -5% -5%}.floating-lines-container canvas{pointer-events:none;display:block;width:100%!important;height:100%!important}@media (width<=640px){.floating-lines-container{opacity:.8;inset:-20% -15% -5%}}.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid transparent;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:.5;--rdp-outside-opacity:.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:white;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color:white;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid transparent;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:.75;--rdp-weekday-padding:.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:.3s;--rdp-animation_timing:cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{box-sizing:border-box;position:relative}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{cursor:pointer;font:inherit;color:inherit;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);background:0 0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;white-space:nowrap;border:0;align-items:center;display:inline-flex;position:relative}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{cursor:pointer;font:inherit;color:inherit;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform-origin:50%;transform:rotate(180deg)}.rdp-dropdowns{align-items:center;gap:var(--rdp-dropdown-gap);display:inline-flex;position:relative}.rdp-dropdown{z-index:2;opacity:0;appearance:none;width:100%;cursor:inherit;line-height:inherit;border:none;margin:0;padding:0;position:absolute;inset-block:0;inset-inline-start:0}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{height:var(--rdp-nav-height);align-content:center;font-size:large;font-weight:700;display:flex}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{inset-inline-start:0;height:var(--rdp-nav-height);display:inline-flex;position:absolute;top:0}.rdp-root[data-nav-layout=around] .rdp-button_next{inset-inline-end:0;height:var(--rdp-nav-height);justify-content:center;display:inline-flex;position:absolute;top:0}.rdp-months{gap:var(--rdp-months-gap);flex-wrap:wrap;max-width:fit-content;display:flex;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{height:var(--rdp-nav-height);align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform);font-size:smaller;font-weight:500}.rdp-week_number{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align);font-size:small;font-weight:400}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}body{background:radial-gradient(circle at top,#edf4ff 0%,#f9fbff 35%,#f5f9ff 70%) fixed;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.employee-shell{background:#f9fbff;grid-template-columns:260px minmax(0,1fr);min-height:100vh;transition:transform .25s;display:grid;position:relative}.employee-sidebar{color:#fff5f4;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;background:linear-gradient(120deg,#60a5fa,#93c5fd);flex-direction:column;gap:2.5rem;height:100vh;padding:2.5rem 1.5rem;transition:transform .3s;display:flex;position:sticky;top:0;overflow:hidden auto}.employee-sidebar::-webkit-scrollbar{width:6px}.employee-sidebar::-webkit-scrollbar-track{background:0 0}.employee-sidebar::-webkit-scrollbar-thumb{background-color:#ffffff40;border-radius:999px}@media (height<=760px){.employee-sidebar{gap:1.75rem;padding:1.75rem 1.25rem}}@media (height<=600px){.employee-sidebar{gap:1.25rem;padding:1.25rem 1rem}.employee-nav{gap:.35rem}.employee-nav .nav-link{padding:.75rem .9rem}}.sidebar-brand{align-items:center;gap:.85rem;display:flex}.brand-icon{background:#ffffff40;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.brand-eyebrow{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.85rem}.sidebar-brand h2{color:#111;margin:0;font-size:1.35rem;line-height:1.2}.employee-profile{align-items:center;gap:.85rem;display:flex}.employee-profile .avatar{background:#ffffff40;border-radius:16px;place-items:center;width:52px;height:52px;font-size:1rem;font-weight:600;display:grid}.employee-profile span{color:#ffffffbf;font-size:.85rem}.employee-nav{flex-direction:column;gap:.5rem;display:flex}.employee-nav .nav-link{color:#fff5f4;cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:.8rem;width:100%;padding:.9rem 1rem;font-size:.95rem;transition:background .25s,transform .25s;display:flex}.employee-nav .nav-link.is-active{color:#fff;background:#ffffff2e}.employee-nav .nav-link:not(.is-active):hover{background:#ffffff1f;transform:translate(4px)}.profile-section{flex-direction:column;gap:1.5rem;display:flex}.profile-layout{z-index:1;grid-template-columns:minmax(260px,.85fr) minmax(0,1.6fr);align-items:flex-start;gap:1.5rem;display:grid}.profile-summary-panel{flex-direction:column;gap:1.25rem;display:flex}.profile-card{background:#fff;border:1px solid #f0e0db;border-radius:28px;flex-direction:column;gap:1rem;padding:1.75rem;display:flex;box-shadow:0 25px 55px #c93b1014}.profile-card.editable-card{border:1px solid #0000;box-shadow:0 20px 45px #3b82f626,inset 0 1px #ffffffe6}.profile-card.editable-card .section-heading{border-bottom:1px solid #3b82f626;margin-bottom:.25rem;padding-bottom:.75rem}.profile-card.editable-card .link-btn{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe8c,#bfdbfe99);border:1px solid #2563eb66;border-radius:999px;padding:.4rem 1rem;transition:transform .15s,box-shadow .15s,background .2s;box-shadow:0 8px 18px #3b82f626}.profile-card.editable-card .link-btn:hover{background:linear-gradient(135deg,#bfdbfeb3,#dbeafebf);transform:translateY(-1px);box-shadow:0 12px 24px #3b82f633}.profile-hero-card{text-align:center;background:linear-gradient(135deg,#fff8f2fa,#ffe2deeb);align-items:center}.profile-avatar{color:#fff;background:#93c5fd;border-radius:18px;place-items:center;width:72px;height:72px;font-size:1.5rem;font-weight:600;display:grid}.profile-avatar.large{border-radius:50%;width:96px;height:96px;font-size:2rem}.profile-photo{background:linear-gradient(135deg,#3b82f6,#0ea5e9);border:3px solid #ffffffbf;box-shadow:0 12px 30px #0ea5e940}.profile-photo-frame{border:3px solid #ffffffd9;border-radius:50%;width:96px;height:96px;overflow:hidden;box-shadow:0 12px 30px #0ea5e940}.profile-photo-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.profile-role{color:#85859b;margin:0}.profile-code{color:#2563eb;background:#ffffffd9;border:1px solid #0000000f;border-radius:999px;padding:.35rem 1rem;font-weight:600;display:inline-flex}.profile-edit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#60a5fa,#a5b4fc);border:none;border-radius:14px;width:100%;padding:.75rem 1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.profile-edit-btn:hover{transform:translateY(-1px);box-shadow:0 12px 20px #ff5e6259}.hero-meta{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%;display:grid}.hero-meta p{color:#8b8b99;margin:0;font-size:.85rem}.profile-balance-card .leave-tiles{flex-direction:column;gap:.75rem;display:flex}.leave-tile{background:snow;border:1px solid #f3dfd8;border-radius:18px;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.leave-icon{color:#2563eb;background:#fff;border:1px solid #0000000d;border-radius:16px;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.leave-tile strong{color:#1f1f28;font-size:1.3rem}.leave-tile strong small{color:#8b8b99;font-size:.85rem;font-weight:500}.leave-tile.mint{background:#ecfdf5;border-color:#c7f4e5}.leave-tile.mint .leave-icon{color:#047857;background:#d1fae5}.leave-tile.peach{background:#fff5f2;border-color:#dce8ff}.leave-tile.lavender{background:#f5f3ff;border-color:#ded3ff}.profile-contact-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.profile-contact-list li{align-items:center;gap:.9rem;display:flex}.profile-list-icon{color:#2563eb;background:#fff4f3;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.contact-label{color:#77768a;margin:0;font-weight:600}.profile-contact-list small{color:#a0a0b3}.profile-emergency-card{background:#fff4f2;border-radius:16px;margin-top:.75rem;padding:1rem;line-height:1.4}.profile-detail-panel{flex-direction:column;gap:1.25rem;display:flex}.detail-card{gap:1.5rem}.profile-status-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;display:grid}.status-tile{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:.9rem 1rem}.status-tile p{color:#475569;margin:0}.status-tile strong{color:#0f172a;margin-top:.35rem;display:block}.status-tile.approved{color:#14532d;background:#ecfdf3;border-color:#bbf7d0}.status-tile.pending{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.status-tile.draft{background:#f8fafc}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.link-btn{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe8c,#bfdbfe99);border:1px solid #2563eb66;border-radius:999px;padding:.4rem 1rem;transition:transform .15s,box-shadow .15s,background .2s;box-shadow:0 8px 18px #3b82f626}.link-btn:hover{color:#fff;background:#4770df;border-radius:999px;padding:.4rem 1rem;transition:transform .15s,box-shadow .15s,background .2s;box-shadow:0 8px 18px #3b82f626}.link-btn.is-active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.visit-filter{align-items:center;gap:.4rem;display:flex}.profile-status{color:#2563eb;font-weight:600}.profile-status-chip{color:#0f172a;background:#3b82f61f;border:1px solid #3b82f640;border-radius:999px;align-items:center;gap:.35rem;height:fit-content;padding:.45rem .9rem;font-weight:700;display:inline-flex}.profile-status-chip.approved{color:#0f5132;background:#10b9811f;border-color:#10b98140}.profile-status-chip.pending{color:#b45309;background:#f973161f;border-color:#f9731640}.profile-status-chip.draft{color:#475569;background:#94a3b81f;border-color:#94a3b840}.profile-status-helper{color:#6b7280;margin:.4rem 0 .75rem}.profile-error{background:#fff2f1;border:1px dashed #f25c5480;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.profile-error.profile-error-inline{color:#1d4ed8;background:#3b82f60f;border-color:#3b82f659;box-shadow:0 10px 24px #3b82f61f}.profile-error button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;padding:.4rem 1.2rem}.profile-detail-form{background:#fff;border:1px solid #94a3b824;border-radius:24px;outline:none;flex-direction:column;gap:1rem;padding:1rem 1.15rem .75rem;display:flex;box-shadow:0 18px 38px #0f172a1f}.detail-grid{background:linear-gradient(#f8faffeb,#fffffff5);border:1px solid #94a3b81f;border-radius:22px;outline:none;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;padding:1.1rem 1rem;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 18px 40px #94a3b82e}.profile-read-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;display:grid}.profile-read-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:.2rem;padding:.9rem 1rem;display:flex}.profile-read-field.wide{grid-column:1/-1}.profile-read-label{color:#1f2937;justify-content:space-between;align-items:center;gap:.5rem;font-weight:700;display:flex}.profile-read-value{color:#4b5563;white-space:pre-line;margin:0;line-height:1.5}.profile-lock{color:#475569;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .65rem;font-size:.8rem;display:inline-flex}.locked-note{color:#475569;align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.profile-read-field.is-locked{background:#f8fafc;border-style:dashed}.identity-card{background:linear-gradient(#f7f9fb,#fff);border:1px solid #94a3b840;border-radius:22px;padding:1.5rem;box-shadow:0 18px 40px #0f172a14}.identity-head{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.identity-title{align-items:center;gap:.75rem;display:flex}.identity-title h3{margin:.15rem 0 0}.identity-sub{color:#6b7280;margin:.15rem 0 0}.identity-chip{color:#475569;background:#94a3b81f;border:1px solid #94a3b840;border-radius:999px;padding:.35rem .85rem;font-weight:700}.identity-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem 1.25rem;margin-top:1rem;display:grid}.identity-field{padding:.35rem 0}.identity-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:700;display:flex}.identity-value{color:#0f172a;margin:.2rem 0 .35rem;font-weight:700}.identity-value.is-empty{color:#9ca3af;font-weight:600}.identity-underline{background:#94a3b859;height:1px;display:block}.input-shell{color:#77768a;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;display:flex}.input-shell input,.input-shell select{background:#f8fbff;border:1px solid #94a3b866;border-radius:14px;padding:.78rem 1rem;font-size:.95rem;box-shadow:inset 0 1px #ffffffe6,0 6px 14px #94a3b826}.input-shell textarea{resize:vertical;background:#f8fbff;border:1px solid #94a3b866;border-radius:14px;min-height:110px;padding:1rem;font-size:.95rem}.input-shell input:focus,.input-shell select:focus,.input-shell textarea:focus{background:#fff;border-color:#94a3b8b3;outline:none;box-shadow:0 0 0 2px #94a3b859,0 10px 20px #94a3b81f}.input-shell-wide{grid-column:1/-1}.profile-form-actions{border-top:1px solid #94a3b81f;justify-content:flex-end;gap:.75rem;margin-top:.25rem;padding:.85rem 0 0;display:flex}.section-heading--sub{margin-top:.5rem}.employee-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.sidebar-logout{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffffff40,#ffffff1f);border:1px solid #ffffff59;border-radius:18px;justify-content:center;align-items:center;gap:.65rem;width:100%;padding:.9rem 1.2rem;font-size:1rem;font-weight:600;transition:background .25s,transform .25s,box-shadow .25s;display:flex}.sidebar-logout:hover{background:linear-gradient(135deg,#ffffff59,#ffffff2e);transform:translateY(-2px);box-shadow:0 12px 30px #0000002e}.sidebar-logout svg{width:20px;height:20px}.employee-main{flex-direction:column;gap:1.5rem;padding:2.5rem clamp(1.25rem,4vw,3.5rem);display:flex;overflow-y:auto;box-shadow:inset 0 1px #ffffffa6,0 30px 70px #3b82f61f,0 15px 45px #0ea5e91a}.employee-main:before{content:"";border-radius:inherit;opacity:.6;filter:blur(40px);z-index:0;pointer-events:none;background:radial-gradient(circle at 85% 20%,#60a5fa40,#0000 55%);position:absolute;inset:1.25rem}.employee-main>*{z-index:1;position:relative}.employee-menu-toggle{color:#1d4ed8;z-index:6;background:#fff;border:1px solid #d7e3ff;border-radius:12px;align-self:flex-end;padding:.55rem 1.05rem;font-weight:600;display:none;position:sticky;top:1rem;box-shadow:0 10px 25px #3b82f626}.mobile-app-bar{display:none}.page-header{background:linear-gradient(120deg,#fffffff2,#ffe4e1d9);border-radius:28px;padding:1.35rem 1.6rem;position:relative;overflow:hidden;box-shadow:0 25px 60px #ff3b3f1f}.page-header:before,.page-header:after{content:"";z-index:0;background:radial-gradient(circle,#ff8a8240,#0000 70%);border-radius:999px;position:absolute}.page-header:before{width:160px;height:160px;top:-80px;left:-60px}.page-header:after{width:220px;height:220px;bottom:-140px;right:-110px}.page-header>*{z-index:1;position:relative}.page-header h1{color:#1f0f0f}.page-header p{color:#5f4b45}.employee-hero h1{color:#1b1c1f;margin:0;font-size:2rem}.employee-hero p{color:#6a6d73;margin:.25rem 0 0}.employee-badges{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem;margin-top:.5rem;display:grid}.employee-badges div{background:#fff;border:1px solid #f1eae7;border-radius:16px;padding:1rem 1.25rem;box-shadow:0 8px 20px #4b02020a}.employee-badges p{color:#a1a1a7;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.82rem}.employee-badges strong{color:#1a1b1e;margin-top:.45rem;font-size:1rem;display:block}.employee-cta{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;display:grid}.dashboard-grid-layout{align-items:start;gap:2rem;margin-bottom:2rem;display:grid}.dashboard-grid-layout--with-attendance{grid-template-columns:minmax(0,1fr) minmax(320px,380px)}.dashboard-grid-layout--single{grid-template-columns:minmax(0,1fr)}.dashboard-balance-deck{min-width:0;margin-bottom:0}.dashboard-balance-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-grid-layout--single .dashboard-balance-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.balance-deck{background:linear-gradient(135deg,#ffffffe6,#ebf3ffe6);border:1px solid #94a3b833;border-radius:28px;margin-top:.5rem;padding:1.6rem;box-shadow:0 22px 55px #3b82f61f,inset 0 1px #ffffffb3}.balance-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.balance-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#64748b;margin:0;font-size:.72rem;font-weight:800}.balance-head h2{color:#0f172a;margin:.35rem 0 0;font-size:1.6rem}.balance-link{color:#1d4ed8;cursor:pointer;background:0 0;border:none;font-weight:700}.balance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.balance-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:22px;flex-direction:column;gap:.75rem;padding:1.1rem 1.2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #0f172a14}.balance-card p{color:#64748b;margin:0;font-weight:600}.balance-card strong{color:#0f172a;font-size:1.45rem}.balance-card small{color:#64748b;font-size:.85rem;font-weight:600}.balance-pill{letter-spacing:.03em;border-radius:16px;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.balance-card.sick .balance-pill{color:#b91c1c;background:#ef44441f}.balance-card.casual .balance-pill{color:#1d4ed8;background:#3b82f61f}.balance-card.total .balance-pill{color:#0f766e;background:#10b9811f}.balance-ring{border:12px solid #3b82f61f;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-40px;right:-40px}.balance-card.sick .balance-ring{border-color:#ef44442e}.balance-card.total .balance-ring{border-color:#10b9812e}.cta-card{cursor:pointer;border:none;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:180px;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.cta-card svg{background:#fff3;border-radius:18px;padding:.85rem}.cta-card.primary{color:#fff;background:#60a5fa;box-shadow:0 20px 45px #ff475166}.cta-card.secondary{color:#3b82f6;background:#fff;border:1px solid #f1e4e1;box-shadow:0 18px 40px #0000000a}.cta-card:hover{transform:translateY(-3px)}@media (width<=640px){.employee-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.employee-badges div{border-radius:12px;padding:.7rem .75rem}.employee-badges p{letter-spacing:.03em;font-size:.7rem}.employee-badges strong{font-size:.95rem}.balance-deck{border-radius:20px;padding:1rem}.balance-eyebrow{letter-spacing:.1em;font-size:.65rem}.balance-grid{gap:.45rem}.balance-card{border-radius:14px;gap:.35rem;padding:.6rem;box-shadow:0 10px 22px #0f172a0f}.balance-card p{font-size:.68rem}.balance-card strong{font-size:.95rem}.balance-card small{font-size:.65rem}.balance-pill{border-radius:10px;width:30px;height:30px;font-size:.7rem}.balance-ring{border-width:7px;width:80px;height:80px;bottom:-26px;right:-26px}}.apply-inline,.visit-inline{flex-direction:column;gap:1.5rem;padding:.5rem 0 2rem;display:flex}.visit-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.visit-notice{color:#7a4d0f;background:linear-gradient(135deg,#fff7dbf2,#ffefc6d9);border:1px solid #f5b95499;border-radius:16px;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex;box-shadow:0 12px 28px #f59e0b2e}.visit-notice strong{color:#7a3c0f}.visit-section-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.visit-section-card{z-index:1;background:#fff;border:1px solid #e3ebff;border-radius:22px;padding:1.5rem;box-shadow:0 22px 45px #3b82f614}.visit-section-title{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.visit-section-title h2{color:#1f2937;margin:0;font-size:1.1rem}.visit-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.visit-optional{color:#9ca3af;margin-left:.35rem;font-weight:500}.visit-hint{color:#94a3b8;margin-top:.35rem;font-size:.8rem;font-weight:500;display:block}.visit-chip-input{background:#f4f8ff;border:1px solid #d5e3ff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:52px;padding:.55rem;display:flex}.visit-chip{color:#1d4ed8;background:#e0ecff;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .7rem;font-weight:600;display:inline-flex}.visit-chip button{color:#1d4ed8;cursor:pointer;background:#c7dcff;border:none;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.9rem;display:grid}.visit-chip-field{background:0 0;border:none;flex:1;min-width:160px;padding:.35rem .5rem;font-size:.95rem}.visit-chip-field:focus{outline:none}.visit-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.logout-sub--loading .spinner{border-width:2px;border-color:#3b82f6 #3b82f633 #3b82f633;width:16px;height:16px}.visit-overview-head{background:linear-gradient(130deg,#f0f7ff,#dbeafe);border-radius:32px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem 1.6rem;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 55px #3b82f640}.visit-overview-head:before,.visit-overview-head:after{content:"";z-index:0;background:radial-gradient(circle,#bfdbfe73,#0000 70%);border-radius:999px;position:absolute}.visit-overview-head:before{width:180px;height:180px;top:-90px;left:-70px}.visit-overview-head:after{width:240px;height:240px;bottom:-150px;right:-120px}.visit-overview-head>*{z-index:1;position:relative}.visit-overview-title h1{color:#1f0f0f;margin:0;font-size:2rem}.visit-overview-title p{color:#5f4b45;margin:.35rem 0 0}.visit-stats{z-index:1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.visit-stat-card{background:#fff;border:1px solid #e4ebff;border-radius:18px;align-items:center;gap:.75rem;padding:1rem 1.2rem;display:flex;box-shadow:0 18px 40px #3b82f614}.visit-stat-card p{color:#6b7280;margin:0;font-size:.9rem;font-weight:600}.visit-stat-card strong{color:#111827;margin-top:.2rem;font-size:1.4rem;display:block}.visit-stat-icon{border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.visit-stat-icon.stat-total{color:#1d4ed8;background:#e0ecff}.visit-stat-icon.stat-ongoing{color:#d97706;background:#fff4d7}.visit-stat-icon.stat-complete{color:#15803d;background:#dcfce7}.leave-document-field{flex-direction:column;gap:.65rem;display:flex}.leave-document-note{color:#64748b;font-size:.82rem;font-weight:600}.leave-document-native{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.leave-document-dropzone{cursor:pointer;background:radial-gradient(circle at 0 0,#60a5fa2e,#0000 45%),linear-gradient(#fffffff5,#eff6ffe0);border:1.5px dashed #bfdbfe;border-radius:20px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.leave-document-dropzone:hover{border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 16px 32px #3b82f61f}.leave-document-dropzone.is-disabled{cursor:not-allowed;opacity:.72;box-shadow:none;transform:none}.leave-document-dropzone__lead{align-items:center;gap:.95rem;min-width:0;display:flex}.leave-document-dropzone__icon{color:#2563eb;background:#3b82f61f;border-radius:15px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.leave-document-dropzone__copy{flex-direction:column;gap:.2rem;min-width:0;display:flex}.leave-document-dropzone__copy strong{color:#0f172a;font-size:.98rem}.leave-document-dropzone__copy small{color:#64748b;font-size:.84rem}.leave-document-dropzone__cta{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #60a5fa73;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:.7rem 1rem;font-weight:700;display:inline-flex}.leave-document-list{flex-direction:column;gap:.7rem;display:flex}.leave-document-card{background:linear-gradient(#f8fbff,#eff6ff);border:1px solid #dbeafe;border-radius:16px;justify-content:space-between;align-items:center;gap:.8rem;padding:.85rem 1rem;display:flex}.leave-document-card__meta{align-items:center;gap:.8rem;min-width:0;display:flex}.leave-document-card__icon{color:#2563eb;background:#3b82f61f;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.leave-document-card strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.leave-document-remove{color:#475569;cursor:pointer;background:#fff;border:1px solid #94a3b866;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;transition:background .2s,color .2s,border-color .2s;display:grid}.leave-document-remove:hover{color:#1d4ed8;background:#eff6ff;border-color:#60a5fa80}.leave-document-card small,.leave-document-empty{color:#64748b;font-size:.85rem}@media (width<=640px){.leave-document-dropzone{flex-direction:column;align-items:stretch}.leave-document-dropzone__cta{width:100%}.leave-document-card{align-items:flex-start}}.visit-overview-grid{gap:1.5rem;display:grid}.visit-panel{background:#fff;border:1px solid #e4ebff;border-radius:22px;padding:1.5rem;box-shadow:0 22px 45px #3b82f614}.visit-panel-head{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.visit-panel-head h2{color:#111827;margin:0;font-size:1.1rem}.visit-row{border-bottom:1px solid #eef2ff;align-items:center;gap:.9rem;padding:.85rem 1%;display:flex}.visit-row:hover{background-color:#eef2ff}.visit-row--clickable{cursor:pointer}.visit-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem .55rem;max-width:min(100%,34rem);margin-left:auto;display:flex}.visit-row-actions .ghost-btn{border-radius:999px;padding:.62rem 1.05rem}.visit-row-actions .visit-pill{margin-left:0}.visit-row:last-of-type{border-bottom:none}.visit-row-icon{color:#4b5563;background:#f3f4f6;border-radius:12px;place-items:center;width:46px;height:46px;font-weight:700;display:grid}.visit-row-body h3{color:#111827;margin:0;font-size:1rem}.visit-row-body p{color:#6b7280;margin:.3rem 0 0;font-size:.9rem}.visit-pill{text-transform:uppercase;border-radius:999px;margin-left:auto;padding:.25rem .7rem;font-size:.75rem;font-weight:700}.visit-pill.approved{color:#15803d;background:#dcfce7}.visit-pill.pending{color:#b45309;background:#fef3c7}.visit-pill.rejected{color:#b91c1c;background:#fee2e2}.visit-cta{text-align:center;background:#f5f6ff;border:1px dashed #c7d2fe;border-radius:18px;margin-top:1.2rem;padding:1.2rem}.visit-cta-icon{color:#1d4ed8;background:#e0ecff;border-radius:14px;place-items:center;width:46px;height:46px;margin:0 auto .75rem;font-weight:700;display:grid}.visit-cta h4{color:#111827;margin:0}.visit-cta p{color:#6b7280;margin:.45rem 0 .9rem;font-size:.9rem}.visit-timeline{flex-direction:column;gap:1rem;margin-bottom:1.2rem;display:flex}.visit-timeline-item{align-items:flex-start;gap:.8rem;display:flex}.visit-timeline-item h4{color:#111827;margin:0;font-size:.95rem}.visit-timeline-item p{color:#6b7280;margin:.25rem 0;font-size:.85rem}.visit-timeline-item small{color:#9ca3af;font-weight:600}.timeline-dot{border-radius:50%;width:10px;height:10px;margin-top:.4rem}.timeline-dot.success{background:#22c55e}.timeline-dot.info{background:#6366f1}.timeline-dot.neutral{background:#94a3b8}.ghost-btn.wide{justify-content:center;width:100%}@media (width<=960px){.visit-overview-grid{grid-template-columns:1fr}}.apply-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.apply-header h1{color:#2a1110;margin:0;font-size:2.4rem}.apply-header p{color:#3b82f6;margin:.35rem 0 0}.back-link{color:#3b82f6;cursor:pointer;background:0 0;border:1px solid #e7b5a4;border-radius:999px;padding:.65rem 1.6rem;font-weight:600;transition:background .2s}.apply-options{z-index:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.apply-option-card{text-align:center;color:#1a1917;background:#fff;border:2px solid #d7e3ff;border-radius:22px;flex-direction:column;align-items:center;gap:.85rem;padding:2.25rem 1.75rem;transition:border .2s,transform .2s,background .2s,color .2s;display:flex;box-shadow:0 20px 40px #3b82f614}.apply-option-card.is-inactive{color:#8f7b71;background:#f4efec;border-color:#ded4ce}.apply-option-card h3{color:inherit;margin:0;font-size:1.2rem}.apply-option-card p{color:inherit;opacity:.75;margin:0;font-size:.95rem;font-weight:400}.apply-option-card svg{color:#60a5fa;transition:color .2s}.apply-option-card.is-active svg{color:#60a5fa}.apply-option-card.is-inactive svg{color:gray}.apply-option-card:hover{border-color:#60a5fa;transform:translateY(-4px);box-shadow:0 22px 50px #3b82f633}.inline-form-card{background:#fff;border:1px solid #f1e4e1;border-radius:28px;margin-top:1rem;padding:1.5rem;box-shadow:0 25px 50px #470e0014}.form-label{color:#2d1c18;font-weight:600}.reason-label-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.reason-char-count{color:#2d1c18;font-size:.98rem;font-weight:700;line-height:1}.field-label{color:#4f4645;flex-direction:column;gap:.45rem;font-size:.9rem;font-weight:600;display:flex}.field-label input{font-weight:500}.field-hint{text-align:right;color:#2d1c18;margin-top:.3rem;font-weight:700;display:block}.field-hint.is-warning{color:#b91c1c;text-align:left;background:linear-gradient(135deg,#fee2e2f2,#fef2f2f2);border:1px solid #f8717199;border-radius:12px;align-items:center;gap:.5rem;padding:.55rem .85rem;font-weight:700;display:inline-flex;box-shadow:0 10px 22px #b91c1c1f}.leave-time-notice{color:#b91c1c;text-align:left;background:linear-gradient(135deg,#fee2e2f2,#fef2f2f2);border:1px solid #f8717199;border-radius:12px;width:100%;margin-top:.45rem;padding:.65rem 1rem;font-weight:700;box-shadow:0 10px 22px #b91c1c1f}.option-pill small{color:#9c9da5;font-weight:500;display:block}.primary-btn.wide{border-radius:999px;width:100%;margin-top:.5rem;font-size:1rem}.employee-form-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.employee-form-card{background:#fff;border-radius:24px;padding:1.5rem;box-shadow:0 30px 50px #0f172a14}.employee-form-card h2{margin-bottom:1rem}.option-title{font-weight:600;display:block}.label{color:#111827;font-weight:600}.field{border:1px solid #e4e6eb;border-radius:14px;width:100%;padding:.85rem 1rem;font-size:1rem}textarea.field{resize:none}.select-shell{width:100%;position:relative}.select-shell.is-open{z-index:20}.select-pill{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #3b82f659;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:.85rem 1rem;transition:box-shadow .15s,transform .15s;display:flex;position:relative}.select-pill .is-placeholder{color:#64748b;font-weight:500}.select-pill:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fffffff2,0 14px 28px #3b82f629}.select-pill.is-disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:inset 0 1px #ffffffe6}.select-pill.is-disabled:hover{transform:none;box-shadow:inset 0 1px #ffffffe6}.select-caret{color:#1d4ed8;pointer-events:none;border-radius:50%;place-items:center;width:1.6rem;height:1.6rem;font-size:1.1rem;font-weight:800;display:grid;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.select-menu{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;z-index:30;background:#fff;border:1px solid #3b82f633;border-radius:14px;max-height:min(280px,40vh);position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 38px #0f172a1f}.select-option{text-align:left;color:#0f172a;cursor:pointer;background:0 0;border:none;width:100%;padding:.75rem 1rem;font-weight:600;transition:background .12s,color .12s}@media (width<=640px){.select-menu{max-height:min(320px,45vh)}}.select-option:hover{background:#3b82f614}.select-option.is-active{color:#1d4ed8;background:#3b82f61f}.select-empty{color:#64748b;padding:.75rem 1rem;font-weight:600}.date-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid;overflow:visible}.date-picker-field{position:relative}.date-trigger{cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.date-trigger:focus-visible{border-color:#0000;outline:2px solid #3b82f6}.date-trigger .is-placeholder{color:#9ca3af}.date-popover{z-index:30;background:#fff;border:1px solid #94a3b859;border-radius:16px;padding:.6rem;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 20px 45px #0f172a26}.date-popover .rdp{--rdp-cell-size:34px;--rdp-accent-color:#2563eb;--rdp-background-color:#e0ecff;--rdp-accent-color-dark:#1d4ed8;--rdp-background-color-dark:#c7d7ff;margin:0}.date-popover .rdp-caption_label{color:#0f172a;font-weight:700}.date-popover .rdp-head_cell{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.75rem}.date-popover .rdp-day{border-radius:10px}.date-popover .rdp-day_selected,.date-popover .rdp-day_selected:focus-visible{box-shadow:0 0 0 2px #2563eb40}.date-popover .rdp-day_disabled{color:#cbd5f5;cursor:not-allowed;opacity:.75;background:0 0;text-decoration:line-through}.date-popover .rdp-day-leave:not(.rdp-day_disabled){color:#111827;background:#f8717140;border-radius:999px;font-weight:700}.date-popover .rdp-day-leave.rdp-day_selected,.date-popover .rdp-day-leave.rdp-day_selected:focus-visible{color:#111827;background:#ef4444f2;border-radius:999px}.date-popover .rdp-day_outside{color:#cbd5e1}.primary-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:18px;padding:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.primary-btn:disabled{cursor:progress;opacity:.85;box-shadow:none;transform:none}.action-loader{letter-spacing:.01em;align-items:center;gap:.6rem;font-weight:700;display:inline-flex}.spinner{border:3px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.period-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem;display:grid}.period-option{text-align:center;color:#3f2721;cursor:pointer;background:#fff;border:2px solid #ece3df;border-radius:20px;flex-direction:column;align-items:center;gap:.35rem;width:100%;padding:1rem;font-weight:600;transition:border .2s,box-shadow .2s;display:flex}.period-option small{color:gray;font-weight:500}.period-option.is-disabled{opacity:.5;cursor:not-allowed;box-shadow:none;position:relative}.period-option.is-disabled:after{content:attr(data-tooltip);color:#fff;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;z-index:5;background:#1d4ed8;border-radius:12px;padding:.6rem .85rem;font-size:.9rem;font-weight:800;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 12px 26px #1d4ed859,0 0 0 2px #ffffff40}.period-option.is-disabled:before{content:"";opacity:0;z-index:5;border:6px solid #0000;border-top-color:#1d4ed8;border-bottom-width:0;transition:opacity .2s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.period-option.is-disabled:hover:after,.period-option.is-disabled:hover:before{opacity:1;transform:translate(-50%)translateY(0)}.period-icon{color:#60a5fa;background:#ff494a1f;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.time-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.settings-section,.policies-section{flex-direction:column;gap:1.25rem;display:flex}.policies-header{align-items:flex-start;gap:1rem;display:flex}.policy-chip{color:#1d4ed8;background:#dbeafeb8;border:1px solid #3b82f647;border-radius:999px;align-items:center;padding:.5rem .95rem;font-weight:700;display:inline-flex}.policies-grid{grid-template-columns:repeat(auto-fit,minmax(320px,420px));gap:1.2rem;display:grid}.policy-tile{border:1px solid var(--employee-border);background:linear-gradient(#eef5ff,#f8fbff);border-radius:26px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 20px 45px #0f172a14}.policy-tile__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.policy-tile__meta{color:#1d4ed8;margin:.3rem 0 0;font-weight:700}.policy-tile__badges{flex-wrap:wrap;gap:.6rem;display:flex}.policy-tile__description{color:#475569;margin:0;font-weight:600;line-height:1.6}.policies-actions{flex-wrap:wrap;gap:.75rem;display:flex}.policy-action-link{justify-content:center;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.policy-modal-card{width:min(1120px,100% - 2rem);padding:1.35rem}.policy-modal-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.policy-modal-frame-wrap{background:linear-gradient(#eef5ff,#fff);border:1px solid #94a3b847;border-radius:22px;min-height:78vh;margin-top:1rem;overflow:hidden;box-shadow:inset 0 1px #fffc}.policy-modal-frame{background:#fff;border:0;width:100%;min-height:78vh}.settings-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.settings-chip{color:#0f172a;background:#3b82f61f;border:1px solid #3b82f64d;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-weight:700;display:inline-flex}.settings-chip.weak{color:#9a3412;background:#f973161f;border-color:#f9731647}.settings-chip.fair{color:#92400e;background:#f59e0b1f;border-color:#f59e0b47}.settings-chip.good,.settings-chip.strong{color:#166534;background:#22c55e1f;border-color:#22c55e47}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:1.2rem;display:grid}.settings-card{border:1px solid var(--employee-border);background:#fffffff2;border-radius:26px;padding:1.5rem;box-shadow:0 20px 45px #0f172a14}.settings-card.secondary{background:linear-gradient(#eef5ff,#f7faff);border-style:solid;box-shadow:inset 0 1px #fffc,0 18px 40px #94a3b840}.settings-card-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.card-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin:0;font-size:.78rem;font-weight:700}.settings-subtitle{color:#475569;margin:.2rem 0 0;font-size:.95rem}.endpoint-chip{color:#1d4ed8;background:#3b82f61a;border:1px solid #3b82f659;border-radius:12px;padding:.45rem .9rem;font-weight:700}.password-form{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.password-field-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem;display:grid}.password-shell input{padding-right:3.5rem}.password-toggle{color:#1d4ed8;cursor:pointer;background:#dbeafe99;border:1px solid #3b82f64d;border-radius:12px;align-self:flex-end;margin-top:-.25rem;padding:.5rem .9rem;font-weight:700}.strength-meter{background:#e2e8f099;border:1px solid #94a3b859;border-radius:999px;width:100%;height:12px;overflow:hidden}.strength-meter-fill{border-radius:inherit;background:linear-gradient(120deg,#60a5fa,#3b82f6);width:0;height:100%;transition:width .25s}.strength-meter-fill.muted{background:#94a3b899}.strength-meter-fill.weak{background:linear-gradient(120deg,#fb923c,#f97316)}.strength-meter-fill.fair{background:linear-gradient(120deg,#fbbf24,#f59e0b)}.strength-meter-fill.good{background:linear-gradient(120deg,#34d399,#10b981)}.strength-meter-fill.strong{background:linear-gradient(120deg,#22c55e,#16a34a)}.settings-inline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.strength-label{color:#0f172a;margin:0;font-weight:700}.strength-label.weak{color:#9a3412}.strength-label.fair{color:#92400e}.strength-label.good,.strength-label.strong{color:#166534}.password-meta{color:#475569;font-weight:600}.settings-alert{border:1px solid;border-radius:14px;padding:.9rem 1rem;font-weight:600}.settings-alert.error{color:#b91c1c;background:#f871711f;border-color:#f8717159}.settings-alert.success{color:#065f46;background:#34d3991f;border-color:#34d39959}.settings-actions{flex-wrap:wrap;gap:.75rem;display:flex}.settings-tips{flex-direction:column;gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.settings-tips li{color:#0f172a;background:#fff;border:1px solid #94a3b859;border-radius:16px;padding:1rem 1.1rem;font-weight:650;box-shadow:0 12px 25px #0f172a0d}.settings-info-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem;margin-top:1rem;display:grid}.info-chip{color:#0f172a;background:#fff;border:1px solid #94a3b859;border-radius:14px;align-items:center;gap:.5rem;padding:.85rem 1rem;font-weight:650;display:inline-flex;box-shadow:0 12px 25px #0f172a0d}.info-chip svg{color:#3b82f6}.history-inline{flex-direction:column;gap:.2rem;display:flex}.dashboard-state{justify-content:center;align-items:center;min-height:320px;display:flex}.dashboard-loading{color:#334155;background:#f8fafff2;border:1px dashed #94a3b859;border-radius:22px;align-items:center;gap:.85rem;padding:1.5rem 2rem;font-weight:600;display:flex}.dashboard-loading small{color:#64748b;margin-top:.2rem;font-weight:500;display:block}.dashboard-loading .spinner{border-width:3px;border-color:#3b82f6 #3b82f633 #3b82f633;width:22px;height:22px}.dashboard-error{text-align:center;color:#b42318;background:#fff8f8f2;border:1px dashed #b4231859;border-radius:22px;padding:1.5rem 2rem}.dashboard-error button{color:#fff;cursor:pointer;background:linear-gradient(120deg,#60a5fa,#3b82f6);border:none;border-radius:999px;margin-top:.75rem;padding:.4rem 1.2rem;font-weight:600}.history-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.history-subtitle{color:#6b7280;margin:.5rem 0 0}.history-latein-alert{z-index:1;margin:.75rem 0 1rem}.history-filters{flex-wrap:wrap;gap:.75rem;display:flex}.filter-pill{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:.55rem 1.25rem;font-weight:600;transition:background .2s,border .2s,transform .2s}.filter-pill:hover{background:#f0f5ff;border-color:#c7d2fe;transform:translateY(-2px)}.history-list{z-index:2;flex-direction:column;gap:1rem;max-height:calc(100vh - 260px);padding-right:.5rem;display:flex;overflow-y:auto}.history-table-wrap{max-height:calc(100vh - 260px);padding-top:.5rem;padding-right:.5rem;position:relative;overflow:auto}.history-table{background:#fff;border:1px solid #e5e7eb;border-radius:16px;min-width:980px;overflow:hidden}@media (width<=1024px){.history-table{min-width:860px}.history-table-wrap{max-height:none}}.history-table__head,.history-table__row{grid-template-columns:.9fr 1.1fr 1.2fr 1.1fr 1fr 1fr .9fr 1.1fr;align-items:start;gap:.5rem;display:grid}.history-table--latein .history-table__head,.history-table--latein .history-table__row{grid-template-columns:1.15fr 1.15fr 1fr .9fr .9fr}.history-table__head{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;z-index:2;background:#f8fafc;padding:.85rem 1rem;font-size:.68rem;font-weight:700;position:sticky;top:0;box-shadow:0 8px 16px #0f172a14}.history-table__row{border-top:1px solid #e5e7eb;padding:.85rem 1rem}.history-table__row:nth-child(2n){background:#fbfdff}.history-table__row--summary{background:#eef4ff;border-top:1px solid #3b82f647}.history-table__row--summary p{font-weight:700}.history-table__row--clickable{cursor:pointer;transition:box-shadow .2s,transform .2s}.history-table__row--clickable:hover{background:linear-gradient(90deg,#3b82f60f,#3b82f605);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #3b82f673,0 10px 24px #0f172a14}.history-table__row--clickable:hover .history-status{filter:brightness(.98);box-shadow:0 6px 16px #0f172a14}.history-table__row--clickable:hover p{color:#0f172a}.history-cell{color:#111827;flex-direction:column;gap:.25rem;min-width:0;display:flex}.history-cell p{min-width:0;margin:0;font-size:.88rem}.history-cell--truncate p{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.history-cell--clickable{cursor:pointer}.history-cell--clickable:hover p{color:#1d4ed8}.history-cell--wrap p{white-space:normal;word-break:break-word;line-height:1.35}.history-detail__header{border-bottom:1px solid #94a3b840;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.85rem;display:flex}.history-detail__header h3{letter-spacing:-.02em;margin:0;font-size:1.35rem}.history-detail__header button{cursor:pointer;background:#f8fafc;border:1px solid #94a3b873;border-radius:999px;padding:.4rem .95rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .2s}.history-detail__header button:hover{background:#e0ecff;transform:translateY(-1px);box-shadow:0 10px 22px #3b82f62e}.history-detail__grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem 1rem;margin-top:1rem;display:grid}.history-detail__grid span{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem;font-size:.75rem;font-weight:700;display:block}@media (width>=1100px){.history-detail__grid span{font-size:.7rem}}.history-detail__grid strong{color:#111827;word-break:break-word;font-size:.95rem}.history-detail__grid>div{background:#f8fafc;border:1px solid #94a3b833;border-radius:14px;padding:.75rem .9rem}.history-detail__grid>div.history-detail__wide{background:#fff}.modal-card--detail{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #94a3b859;width:min(1280px,96vw);padding:1.6rem}@media (width>=1100px){.history-detail__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.history-status{text-transform:uppercase;letter-spacing:.04em;color:#0f172a;background:#f1f5f9;border:1px solid #94a3b84d;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .85rem;font-size:.85rem;font-weight:800;display:inline-flex}.history-status.approved{color:#166534;background:#22c55e24;border-color:#22c55e59}.history-status.rejected,.history-status.cancelled{color:#b91c1c;background:#ef44441f;border-color:#ef444459}.history-status.pending{color:#92400e;background:#f59e0b26;border-color:#f59e0b59}.history-detail__wide{grid-column:1/-1}.history-empty{text-align:center;color:#5f6c82;background:#f8fafff2;border:1px dashed #94a3b859;border-radius:24px;padding:1.5rem}.history-empty button{color:#fff;cursor:pointer;background:linear-gradient(120deg,#60a5fa,#3b82f6);border:none;border-radius:999px;margin-top:.75rem;padding:.4rem 1.2rem;font-weight:600}.history-empty.history-error{color:#b42318;background:#f5f7ff;border-color:#b4231859}.history-card{background:#fff;border:1px solid #ede8e5;border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;transition:box-shadow .25s,transform .25s;display:flex}.history-card:hover{transform:translateY(-2px);box-shadow:0 18px 45px #0f172a14}.history-card-body h3{margin:.35rem 0 0}.history-type{color:#6b7280;margin:0}.history-card-meta{color:#6b7280;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.history-status{border-radius:999px;padding:.15rem .75rem;font-size:.8rem;font-weight:600}.history-details{color:#374151;flex-wrap:wrap;gap:1rem;margin-top:.5rem;font-size:.9rem;display:flex}.history-info{color:#111827;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem 1rem;margin-top:.75rem;display:grid}.history-info span{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem;font-size:.75rem;font-weight:700;display:block}.history-info strong{color:#111827;word-break:break-word;font-weight:700}.history-info--wide{grid-column:1/-1}.history-action{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:.6rem 1.25rem;font-weight:600;transition:background .2s,color .2s}.history-action:hover{color:#111827;background:#f1f5f9}.overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;background:#0f172a8c;place-items:center;display:grid;position:fixed;inset:0}body.employee-modal-lock,html.employee-modal-lock{overflow:hidden}.employee-shell.modal-open .employee-sidebar,.employee-shell.modal-open .employee-main{filter:blur(6px)saturate(.9);pointer-events:none}.employee-shell.modal-open .employee-sidebar{opacity:0;transform:translate(-28px)}.modal-card{background:#fff;border-radius:26px;width:min(780px,100% - 2rem);max-height:90vh;padding:1.35rem;animation:.3s pop;position:relative;overflow-y:auto;box-shadow:0 30px 60px #0f172a40}@media (width<=760px){.modal-card{border-radius:20px;width:calc(100% - 1.5rem);max-height:calc(100vh - 2rem);padding:1.1rem}.modal-card.wide{width:calc(100% - 1.5rem);padding:1.1rem}.modal-card--detail{width:calc(100% - 1.5rem);padding:1.2rem}}@media (width<=480px){.modal-card{border-radius:18px;width:calc(100% - 1rem);padding:1rem}.modal-card--detail{width:calc(100% - 1rem)}}.modal-card--with-pop{padding-top:2.6rem}.modal-status-pop{color:#fff;letter-spacing:.02em;text-transform:uppercase;z-index:3;white-space:nowrap;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:999px;align-items:center;gap:.6rem;padding:.55rem 1.2rem;font-weight:800;animation:1.2s ease-in-out infinite popPulse;display:inline-flex;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #ef444459,0 0 0 2px #fffc}.modal-status-pop .spinner{border-width:3px;width:16px;height:16px}@keyframes popPulse{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-2px)}}.logout-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:80;background:radial-gradient(circle at 20% 20%,#3b82f62e,#0000 40%),#0f172a8c}.logout-card{color:#0f172a;background:linear-gradient(145deg,#f8fbff,#e8f1ff);border:1px solid #94a3b859;border-radius:24px;width:min(520px,95vw);padding:1.75rem 1.6rem 1.4rem;animation:.28s pop;box-shadow:0 20px 45px #0f172a38,0 1px #ffffffbf}.logout-pill{color:#1d4ed8;background:#3b82f61f;border:1px solid #3b82f633;border-radius:999px;align-items:center;gap:.5rem;padding:.42rem .8rem;font-weight:700;display:inline-flex;box-shadow:0 10px 20px #3b82f61f}.logout-card h3{margin:.65rem 0 .35rem;font-size:1.4rem}.logout-sub{color:#475569;margin:0}.logout-sub--loading{align-items:center;gap:.5rem;margin-top:.65rem;font-weight:600;display:inline-flex}.logout-progress{background:#94a3b84d;border-radius:999px;width:100%;height:9px;margin:.9rem 0 1rem;overflow:hidden;box-shadow:inset 0 1px 2px #0f172a14}.logout-progress-fill{background:linear-gradient(120deg,#60a5fa,#3b82f6);height:100%;transition:width .25s}.logout-actions{justify-content:flex-end;gap:.75rem;display:flex}.modal-card.wide{z-index:15;width:min(1180px,100% - 1rem);max-height:calc(100vh - 2rem);padding:1.35rem 1.5rem}.modal-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(120deg,#60a5fa,#93c5fd);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.modal-header h3{margin:.25rem 0 0}.modal-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#000;margin:0;font-size:.78rem}.modal-summary{color:#4a403f;background:#f5f8ff;border:1px solid #dce5ff;border-radius:18px;margin:1rem 0 1.5rem;padding:1rem 1.25rem;line-height:1.5}.visit-detail-summary{padding:1.1rem 1.25rem}.visit-detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;display:grid}.visit-detail-item{background:#fff;border:1px solid #e1e8ff;border-radius:14px;flex-direction:column;gap:.3rem;padding:.75rem .85rem;display:flex;box-shadow:0 10px 24px #0f172a14}.visit-detail-item--wide{grid-column:span 2}.visit-detail-item span{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-size:.72rem;font-weight:700}.visit-detail-item strong{color:#1f2937;word-break:break-word;font-weight:700}.modal-summary p{word-break:break-word;margin:0 0 .75rem}.modal-summary-row{align-items:flex-start;gap:.75rem;display:flex}.modal-summary-label{min-width:60px;font-weight:600}.modal-summary-text{word-break:break-word;white-space:pre-line;flex:1}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.visit-detail-actions{flex-direction:column;gap:.85rem;margin-bottom:1rem;display:flex}.visit-modal-actions{flex-wrap:wrap;justify-content:flex-start}.visit-manage-note{color:#1d4ed8;background:linear-gradient(135deg,#dbeafef2,#eff6fff2);border:1px solid #93c5fdcc;border-radius:16px;padding:.9rem 1rem;font-weight:600;box-shadow:inset 0 1px #ffffffb3}.visit-manage-note--muted{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.visit-manage-note--subtle{background:#ffffffbf;border-color:#bae6fde6;margin:0}.visit-edit-modal{background:linear-gradient(#fff,#f8fbff)}.visit-edit-shell{flex-direction:column;gap:1rem;display:flex}.visit-edit-shell .modern-card{margin-bottom:0;padding:1.5rem!important}.visit-edit-summary{margin-bottom:1rem}.visit-edit-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;margin-top:1.25rem;display:flex}.visit-inline-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.visit-delete-overlay{background:radial-gradient(circle at 20% 20%,#f8717129,#0000 34%),radial-gradient(circle at 80% 18%,#fbbf2429,#0000 28%),#0f172a94}.visit-delete-card{background:linear-gradient(145deg,#fffaf9,#fff3f2);border-color:#f8717147;width:min(560px,95vw)}.visit-delete-pill{color:#b91c1c;background:#ef44441f;border-color:#ef444438;box-shadow:0 10px 20px #ef44441f}.visit-delete-note{color:#991b1b;background:#fef2f2eb;border:1px solid #fca5a573;border-radius:16px;margin-top:1rem;padding:.85rem 1rem;font-weight:600}.visit-delete-grid{margin-top:1rem}.ghost-btn{color:#7d5c55;cursor:pointer;background:#fff;border:1px solid #e9dcd6;border-radius:14px;padding:.7rem 1.5rem;font-weight:600}.ghost-btn--danger{color:#dc2626;background:#fffffff0;border-color:#f8717173}.ghost-btn--danger:hover{background:#fef2f2f2;border-color:#ef44448c}@keyframes pop{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.toast{color:#fff;z-index:70;background:#3b82f6;border-radius:18px;align-items:center;gap:.75rem;padding:.85rem 1.35rem;animation:.35s slide-up;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 20px 40px #ef233c66}.toast button{color:#ffe08a;cursor:pointer;background:0 0;border:none;font-weight:600}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=760px){.employee-shell{grid-template-columns:1fr;min-height:100vh}.employee-main{padding-top:4.75rem}.history-inline{padding-top:1.5rem}.history-header{align-items:flex-start;margin-top:.8rem}.history-header.page-header{border-radius:22px;padding:1rem 1.1rem;box-shadow:0 16px 30px #3b82f633}.history-header h1{font-size:1.35rem}.history-subtitle{font-size:.9rem}.history-latein-alert{font-size:.85rem}.history-header .primary-btn{padding:.6rem 1rem;font-size:.9rem}.history-filters{gap:.5rem;width:100%}.filter-pill{text-align:center;flex:auto;padding:.5rem .9rem;font-size:.85rem}.history-table-wrap{max-height:none;padding-right:0;overflow:visible}.history-table{background:0 0;border:none;border-radius:0;min-width:0}.history-table__head{display:none}.history-table__row{background:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem .75rem;margin-bottom:.75rem;padding:.75rem;display:grid;box-shadow:0 12px 26px #0f172a14}.history-cell{flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0;display:flex}.history-cell:before{content:attr(data-label);color:#6b7280;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:700}.history-cell[data-label=Status]{grid-column:1/-1;align-items:flex-end}.history-cell[data-label=Status]:before{display:none}.history-cell[data-label=Status] .history-status{margin-left:auto}.history-cell--truncate p{white-space:normal}.history-cell--truncate{grid-column:1/-1}.history-cell p{font-size:.82rem}.mobile-app-bar{z-index:40;-webkit-backdrop-filter:blur(10px)saturate(1.1);backdrop-filter:blur(10px)saturate(1.1);background:linear-gradient(135deg,#fffffff5,#ebf3fff0);border:1px solid #94a3b838;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;margin:.25rem .75rem .75rem;padding:.85rem 1.1rem;display:grid;position:sticky;top:.6rem;box-shadow:0 18px 32px #0f172a1f,0 1px #ffffffbf}.mobile-nav-btn{cursor:pointer;z-index:50;background:#ffffffe6;border:1px solid #94a3b859;border-radius:12px;place-items:center;gap:4px;width:42px;height:42px;padding:8px;display:grid;position:relative;box-shadow:0 10px 25px #0f172a1f}.mobile-nav-btn span{background:#0f172a;border-radius:999px;width:100%;height:2px;transition:transform .2s,opacity .2s}.mobile-app-title{text-align:center;letter-spacing:.12em;color:#1d4ed8;text-transform:uppercase;font-size:.95rem;font-weight:800}.mobile-app-meta{color:#0f172a;justify-content:flex-end;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.mobile-date{color:#475569;font-weight:600}.mobile-logout{color:#fff;cursor:pointer;background:linear-gradient(130deg,#60a5fa,#3b82f6);border:1px solid #3b82f659;border-radius:999px;padding:.45rem .85rem;font-size:.88rem;font-weight:800;box-shadow:0 12px 25px #3b82f640,0 1px #ffffff8c}.employee-sidebar{z-index:45;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:min(320px,82vw);max-width:320px;height:100vh;transition:transform .3s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:20px 0 50px #0f172a2e}.employee-sidebar.is-visible{transform:translate(0)}.employee-shell.nav-open{overflow:hidden}.employee-sidebar{background:linear-gradient(#f8fbff 0%,#e8f1ff 100%);box-shadow:24px 0 60px #0f172a29}@keyframes sm-slide-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.employee-sidebar.is-visible .employee-nav .nav-link{opacity:0;animation:.4s forwards sm-slide-in}.employee-sidebar.is-visible .employee-nav .nav-link:first-child{animation-delay:.5s}.employee-sidebar.is-visible .employee-nav .nav-link:nth-child(2){animation-delay:.12s}.employee-sidebar.is-visible .employee-nav .nav-link:nth-child(3){animation-delay:.19s}.employee-sidebar.is-visible .employee-nav .nav-link:nth-child(4){animation-delay:.26s}.employee-sidebar.is-visible .employee-nav .nav-link:nth-child(5){animation-delay:.33s}.employee-sidebar.is-visible .employee-nav .nav-link:nth-child(6){animation-delay:.4s}.employee-sidebar.is-visible .employee-nav .nav-link:nth-child(7){animation-delay:.47s}.employee-sidebar.is-visible .sidebar-logout{opacity:0;animation:.4s .4s forwards sm-slide-in}.employee-main{min-height:100vh;padding:1.75rem 1.25rem 2.5rem}.employee-menu-toggle{display:none}.page-header{border-radius:22px;padding:1.1rem 1.25rem}.employee-hero h1{font-size:1.6rem}.employee-hero p{font-size:.95rem}.employee-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.employee-cta{grid-template-columns:1fr}.dashboard-grid-layout,.dashboard-grid-layout--with-attendance,.dashboard-grid-layout--single{grid-template-columns:1fr;gap:1.25rem}.policies-header{flex-direction:column}.policies-grid{grid-template-columns:1fr}.policy-modal-actions{width:100%}.policy-modal-frame-wrap,.policy-modal-frame{min-height:60vh}.inline-form-card{border-radius:22px;padding:1.25rem}.history-list{max-height:none}.profile-layout,.profile-summary-panel,.profile-detail-panel{gap:1rem}}@media (width<=560px){.history-header h1{font-size:1.4rem}.history-subtitle{font-size:.9rem}.history-latein-alert{font-size:.82rem}.history-table__row{padding:.8rem}.history-cell p{font-size:.85rem}}.nav-backdrop{display:none}@media (width<=760px){.nav-backdrop{-webkit-backdrop-filter:blur(3px)saturate(1.05);backdrop-filter:blur(3px)saturate(1.05);z-index:35;background:radial-gradient(circle at 20% 20%,#3b82f633,#0000 45%),#0f172a52;animation:.2s fade-in;display:block;position:fixed;inset:0}.nav-open .mobile-nav-btn span:first-child{transform:translateY(4px)rotate(45deg)}.nav-open .mobile-nav-btn span:nth-child(2){opacity:0}.nav-open .mobile-nav-btn span:nth-child(3){transform:translateY(-4px)rotate(-45deg)}.mobile-date{display:none}.mobile-app-bar{z-index:60;top:.35rem;box-shadow:0 16px 30px #0f172a29,0 1px #fffc}.nav-open .mobile-app-bar{opacity:0;pointer-events:none;transform:translateY(-12px)}.nav-backdrop{top:0}.nav-open .employee-main,.nav-open .mobile-app-meta,.nav-open .employee-hero,.nav-open .employee-badges,.nav-open .employee-cta{filter:blur(5px)brightness(.9);pointer-events:none;-webkit-user-select:none;user-select:none}}:root{--employee-primary:#3b82f6;--employee-secondary:#eff6ff;--employee-ink:#0f172a;--employee-highlight:#bae6fd;--employee-soft:#f8fbff;--employee-border:#94a3b840}body{background:radial-gradient(circle at 12% 20%, #bfdbfeb3, transparent 55%), radial-gradient(circle at 85% 0%, #ddf1ffcc, transparent 45%), var(--employee-soft);color:var(--employee-ink)}.employee-shell{background:#ffffffe6}.employee-sidebar{color:var(--employee-ink);border-right:1px solid var(--employee-border);scrollbar-color:#3b82f633 transparent;background:linear-gradient(#fff,#e0edff);box-shadow:0 25px 60px #3b82f62e}.employee-sidebar::-webkit-scrollbar-thumb{background-color:#3b82f633}.employee-sidebar::-webkit-scrollbar-thumb:hover{background-color:#3b82f666}.brand-icon,.employee-profile .avatar,.profile-avatar{color:#1d4ed8;background:#3b82f614;border:1px solid #94a3b84d}.employee-nav .nav-link{color:#0f172ab3}.employee-nav .nav-link.is-active{color:var(--employee-ink);background:#3b82f61a;box-shadow:inset 0 0 0 1px #3b82f640}.employee-nav .nav-link:not(.is-active):hover{background:#94a3b826}.sidebar-logout{color:var(--employee-ink);background:#ffffffbf;border-color:#94a3b859}.employee-main{background:#ffffffd9;border:1px solid #94a3b833;box-shadow:inset 0 1px #fff9,0 25px 70px #94a3b859}.employee-main:before{background:radial-gradient(circle at 70% 20%,#bfdbfe66,#0000 60%)}.employee-menu-toggle{color:var(--employee-ink);background:#3b82f61a;border-color:#3b82f666}.page-header{color:var(--employee-ink);background:linear-gradient(130deg,#f0f7ff,#dbeafe);border-radius:32px;box-shadow:0 25px 55px #3b82f640}.page-header:before,.page-header:after{background:radial-gradient(circle,#bfdbfe73,#0000 70%)}.employee-badges div,.inline-form-card,.profile-card,.detail-card{border-color:var(--employee-border);color:var(--employee-ink);background:#fffffff2;box-shadow:0 25px 40px #0f172a14}.history-card{border-color:var(--employee-border);color:var(--employee-ink);background:#fffffff2}.profile-code{color:#2563eb;background:#e2e8f080;border-color:#94a3b84d}.profile-edit-btn{background:linear-gradient(120deg,#93c5fd,#3b82f6);box-shadow:0 15px 30px #3b82f659}.profile-edit-btn:hover{box-shadow:0 20px 35px #3b82f666}.profile-error{background:#e2e8f040;border-color:#3b82f659}.profile-error button{background:linear-gradient(120deg,#60a5fa,#3b82f6)}.employee-cta .cta-card.primary{color:#fff;background:linear-gradient(135deg,#93c5fd,#3b82f6);box-shadow:0 25px 45px #3b82f666}.employee-cta .cta-card.secondary{color:#1d4ed8;background:#f8fafff2;border:1px solid #3b82f633}.apply-option-card{color:var(--employee-ink);background:#ffffffeb;border-color:#94a3b84d}.apply-option-card svg{color:#3b82f6}.apply-option-card.is-active{border-color:#3b82f666;box-shadow:0 25px 45px #94a3b840}.apply-option-card.is-inactive{color:#0f172a80;background:#f3f6ffcc}.back-link{color:#2563eb;background:#f8faffd9;border:1px solid #3b82f64d}.back-link:hover{background:#bfdbfe66}.inline-form-card .form-label,.form-group .field-label,.option-title,.history-subtitle{color:#0f172abf}.option-pill{color:var(--employee-ink);background:#f8fafff2;border-color:#94a3b859}.option-icon{color:#1d4ed8;background:#bfdbfe99}.field,.input-shell input,.input-shell select,.field-label input{color:var(--employee-ink);background:#f8faffe6;border-color:#94a3b859}.field:focus,.input-shell input:focus,.input-shell select:focus{border-color:#3b82f666;outline-color:#3b82f666}.primary-btn{background:linear-gradient(120deg,#60a5fa,#3b82f6);box-shadow:0 25px 45px #3b82f659}.primary-btn:hover{box-shadow:0 25px 45px #3b82f673}.primary-btn.secondary-tone{background:linear-gradient(120deg,#bae6fd,#3b82f6)}.primary-btn.danger-tone{background:linear-gradient(120deg,#fb7185,#ef4444);box-shadow:0 25px 45px #ef444447}.primary-btn.danger-tone:hover{box-shadow:0 25px 45px #ef444466}.period-option{color:var(--employee-ink);background:#f8faffe6;border-color:#94a3b859}.period-option.is-active{background:#dbeafecc;border-color:#3b82f666;box-shadow:0 20px 40px #3b82f640}.period-icon{color:#2563eb;background:#bfdbfea6}.history-card{border-color:#94a3b840}.history-empty{color:#0f172a8c;background:#f8fafff2;border-color:#94a3b859}.history-empty button{background:linear-gradient(120deg,#60a5fa,#3b82f6);box-shadow:0 12px 25px #3b82f640}.history-status.approved{color:#15803d;background:#bbf7d0cc}.history-status.pending{color:#b45309;background:#fef9c3cc}.history-status.rejected{color:#b91c1c;background:#fed7d7d9}.filter-pill{color:#0f172ab3;background:#fafcfff2;border-color:#94a3b859}.filter-pill:hover{background:#dbeafecc;border-color:#94a3b880}.modal-card{background:#fffffffa;border:1px solid #94a3b859}.modal-card:before{content:"";background:linear-gradient(120deg,#60a5fa,#93c5fd);display:block}.modal-summary{background:#f3f6ffe6;border-color:#94a3b859}.ghost-btn{color:#0f172ab3;background:#ffffffe6;border-color:#94a3b859}.toast{color:#fff;z-index:1;background:#3b82f6;box-shadow:0 25px 45px #3b82f659}.visit-chip-input--select{padding-bottom:.5rem;position:relative}.participant-dropdown{z-index:20;background:#fff;border:1px solid #94a3b859;border-radius:14px;max-height:220px;padding:.45rem;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 45px #0f172a2e}.participant-option{text-align:left;cursor:pointer;width:100%;font:inherit;color:#0f172a;background:#f8fafc;border:none;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.participant-option+.participant-option{margin-top:.45rem}.participant-option strong{display:block}.participant-option small{color:#64748b}.participant-option span{color:#2563eb;font-weight:700}.participant-empty{color:#64748b;padding:.6rem .75rem;font-weight:600}.participant-option strong{color:#0f172a;font-weight:700}.visit-close-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem;display:grid}.visit-close-panel{background:#f8fafc;border:1px solid #94a3b859;border-radius:18px;padding:1rem}.visit-close-section{gap:.85rem;display:grid}.visit-close-time{align-items:center;gap:.6rem;display:flex}.visit-close-empty{color:#64748b;background:#fff;border:1px dashed #94a3b866;border-radius:14px;place-items:center;min-height:140px;font-weight:600;display:grid}.visit-close-section .input-shell{display:grid}.visit-close-section .input-shell:not(.input-shell-wide){grid-column:span 1}.visit-close-panel .visit-close-section{grid-template-columns:repeat(2,minmax(0,1fr))}.visit-close-panel .visit-close-section .input-shell-wide,.visit-close-panel .visit-close-section button.ghost-btn{grid-column:span 2}@media (width<=700px){.visit-close-panel .visit-close-section{grid-template-columns:1fr}.visit-close-panel .visit-close-section .input-shell-wide,.visit-close-panel .visit-close-section button.ghost-btn{grid-column:span 1}}@media (width<=1024px){.profile-layout{grid-template-columns:1fr}.profile-layout>*{min-width:0}}@media (width<=760px){.profile-section{gap:1rem}.profile-card,.identity-card{border-radius:20px;padding:1.15rem}.profile-header.page-header{border-radius:20px;padding:1rem 1.1rem}.profile-header h1{margin-top:.2rem;font-size:clamp(1.6rem,7vw,2rem);line-height:1.12}.profile-header p{margin-top:.45rem}.identity-head,.identity-title{align-items:flex-start}.identity-head{flex-direction:column;gap:.75rem}.identity-grid,.profile-read-grid,.profile-detail-form .detail-grid,.hero-meta{grid-template-columns:1fr}.profile-error{flex-direction:column;align-items:flex-start}.profile-error button,.section-heading .link-btn{justify-content:center;width:100%}}@media (width<=480px){.identity-value,.profile-read-value{overflow-wrap:anywhere}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.logout-summary-stack{text-align:left;background:#fdfdfd;border:1px solid #f0f0f0;border-radius:18px;flex-direction:column;gap:.75rem;margin:1rem 0;padding:1.25rem;display:flex}.logout-info-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.mt-2{margin-top:1rem}@media (width<=600px){.logout-info-grid{grid-template-columns:1fr}}.back-link--modern{color:#3b82f6;background:#fffc;border:1px solid #3b82f633;border-radius:14px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #3b82f60d}.back-link--modern:hover{color:#fff;background:#3b82f6;transform:translate(-4px);box-shadow:0 8px 20px #3b82f626}.modern-card{margin-bottom:2rem;transition:transform .3s,box-shadow .3s;position:relative;background:#fff!important;border:none!important;padding:2rem!important;box-shadow:0 20px 50px #0000000a!important}.modern-card.has-open-dropdown{z-index:10!important}.modern-card:hover{transform:translateY(-4px);box-shadow:0 25px 60px #3b82f614!important}.visit-section-title--modern{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.section-badge{color:#fff;border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 8px 16px #0000001a}.badge--schedule{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.badge--details{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.badge--travel{background:linear-gradient(135deg,#10b981,#34d399)}.badge--advance{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.badge--previous{background:linear-gradient(135deg,#f43f5e,#fb7185)}.badge--persons{background:linear-gradient(135deg,#6366f1,#818cf8)}.visit-section-title--modern h2{letter-spacing:-.02em;color:#1e293b;margin:0!important;font-size:1.25rem!important;font-weight:700!important}.modern-label{flex-direction:column;gap:.6rem;display:flex}.modern-label span{color:#475569;font-size:.9rem;font-weight:700}.modern-input{height:48px;background:#f8fafc!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;padding:0 1rem!important;font-size:.95rem!important;transition:all .2s!important}.modern-input:focus{outline:none;background:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a!important}.modern-input--area{background:#f8fafc!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;padding:1rem!important;transition:all .2s!important}.modern-input--area:focus{background:#fff!important;border-color:#3b82f6!important}.visit-conditional-box--modern{background:#f0f9ff;border:1px solid #bae6fd;border-radius:20px;margin-top:1rem;padding:1.5rem}.amount-input-shell{align-items:center;display:flex;position:relative}.currency-prefix{color:#64748b;font-weight:700;position:absolute;left:1rem}.amount-field{color:#1e293b!important;padding-left:2rem!important;font-size:1.1rem!important;font-weight:700!important}.visit-chip-input--modern{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;min-height:60px;padding:.75rem}.modern-chip{color:#1e40af!important;background:#eff6ff!important;border:1px solid #dbeafe!important;border-radius:10px!important;align-items:center!important;gap:.5rem!important;padding:.4rem .8rem!important;font-size:.85rem!important;font-weight:600!important;display:flex!important}.chip-remove{cursor:pointer;color:#3b82f6;background:0 0;border:none;border-radius:4px;padding:2px;transition:background .2s;display:flex}.chip-remove:hover{background:#3b82f61a}.participant-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:8px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 10px 30px #0000001a}.participant-option{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.75rem 1.25rem;transition:background .2s}.participant-option:hover{background:#f8fafc}.participant-info strong{color:#1e293b;font-size:.95rem;display:block}.participant-info span{color:#64748b;font-size:.75rem}.visit-actions--modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #fff;border-radius:24px;justify-content:flex-end;gap:1rem;margin-top:3rem;padding:2rem;display:flex}.modern-btn{border-radius:14px;align-items:center;gap:.75rem;padding:.8rem 2rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn--ghost{color:#64748b;background:0 0;border:1.5px solid #e2e8f0}.btn--ghost:hover{color:#1e293b;background:#f1f5f9}.btn--primary{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;box-shadow:0 10px 25px #2563eb40}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 35px #2563eb59}.btn--primary:disabled{opacity:.6;cursor:not-allowed}.spinner-small{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.modern-alert{border-radius:16px;align-items:center;gap:.75rem;margin:1.5rem 0;padding:1rem 1.5rem;font-weight:600;display:flex}.modern-alert.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.modern-alert.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.modern-dropdown{margin-top:.5rem;border:none!important;border-radius:18px!important;box-shadow:0 20px 40px #00000026!important}.modern-option{padding:1rem!important;transition:all .2s!important}.modern-option:hover{background:#f1f5f9!important}.participant-info{flex-direction:column;gap:.15rem;display:flex}.participant-info span{color:#64748b;font-size:.75rem;font-weight:500}.travel-mode-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1rem;display:grid}.travel-tile{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:80px;padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.travel-tile:hover{background:#f8fafc;border-color:#3b82f680}.travel-tile.is-active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.travel-tile .material-symbols-outlined{color:#64748b;font-size:24px;transition:color .2s}.travel-tile.is-active .material-symbols-outlined{color:#3b82f6}.travel-tile span{text-transform:uppercase;letter-spacing:.025em;color:#475569;font-size:.75rem;font-weight:700}.travel-tile.is-active span{color:#2563eb}.modern-radio-group{align-items:center;gap:1.5rem;margin-top:.5rem;display:flex}.radio-item{cursor:pointer;color:#475569;align-items:center;gap:.6rem;font-size:.9rem;font-weight:600;display:flex}.radio-item input[type=radio]{appearance:none;cursor:pointer;border:2px solid #cbd5e1;border-radius:50%;place-items:center;width:20px;height:20px;margin:0;transition:all .2s;display:grid}.radio-item input[type=radio]:checked{background:#fff;border-color:#3b82f6}.radio-item input[type=radio]:before{content:"";background:#3b82f6;border-radius:50%;width:10px;height:10px;transition:transform .2s cubic-bezier(.17,.67,.83,.67);transform:scale(0)}.radio-item input[type=radio]:checked:before{transform:scale(1)}.switch-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.switch-label-stack{align-items:center;gap:1rem;display:flex}.switch-icon-box{color:#3b82f6;background:#eff6ff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.switch-text h4{color:#1e293b;margin:0;font-size:.95rem;font-weight:700}.switch-text p{color:#64748b;margin:0;font-size:.8rem}.modern-switch{width:48px;height:26px;display:inline-block;position:relative}.modern-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0000001a}input:checked+.slider{background-color:#3b82f6}input:focus+.slider{box-shadow:0 0 1px #3b82f6}input:checked+.slider:before{transform:translate(22px)}.section-header--modern{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.section-number{color:#3b82f6;font-size:1.1rem;font-weight:900}.section-header--modern h3{color:#1e293b;margin:0;font-size:1.15rem;font-weight:800}.section-header--modern svg{color:#3b82f6}.visit-title-input-group{flex-direction:column;gap:.75rem;width:100%;display:flex}.visit-title-group--expanded{grid-row:span 1}.other-title-animator{animation:.4s cubic-bezier(.16,1,.3,1) slideDownFade}.other-title-input{font-weight:500;transition:all .3s;background-color:#f0f7ff!important;border-left:4px solid #3b82f6!important}.other-title-input:focus{background-color:#fff!important;box-shadow:0 4px 12px #3b82f626!important}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=900px){.grid-4{grid-template-columns:1fr 1fr}}@media (width<=600px){.grid-4,.grid-2{grid-template-columns:1fr}}.bottom-actions--refined{grid-template-columns:3fr 1fr;gap:1rem;margin-top:2rem;display:grid}.btn--save-draft{color:#475569;background:#f1f5f9;border:none}.btn--save-draft:hover{color:#1e293b;background:#e2e8f0}.daily-status-card{background:#fff;border:1px solid #94a3b833;border-radius:24px;flex-direction:column;gap:1.25rem;margin-top:1rem;padding:1.5rem;display:flex;box-shadow:0 10px 25px #0f172a0d}.daily-status-header{align-items:center;gap:1rem;display:flex}.daily-status-icon{color:#2563eb;background:#3b82f61a;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.daily-status-header h4{color:#1e293b;margin:0;font-size:1.1rem}.daily-status-header p{color:#64748b;margin:0;font-size:.85rem}.daily-status-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.status-badge-item{flex-direction:column;gap:.25rem;display:flex}.status-badge-item span{color:#64748b;text-transform:uppercase;letter-spacing:.025em;font-size:.8rem}.status-badge-item strong{color:#1e293b;font-size:1.2rem}.status-pill{border-radius:999px;align-items:center;width:fit-content;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.status-pill.is-late{color:#ef4444;background:#fef2f2}.status-pill.is-on-time{color:#10b981;background:#ecfdf5}.text-success{color:#10b981!important}.text-danger{color:#ef4444!important}.text-muted{color:#94a3b8!important}.daily-status-premium{border:1px solid #f1f5f9;gap:1rem;box-shadow:0 15px 35px #00000008;background:#fff!important;flex-direction:column!important;padding:1.1rem 1.2rem!important;display:flex!important}.premium-card-header{justify-content:space-between;align-items:flex-start;display:flex}.header-text h3{color:#1e293b;margin:0;font-size:1.15rem;font-weight:800}.header-text p{color:#94a3b8;margin:.15rem 0 0;font-size:.8rem;font-weight:500}.status-tag{text-transform:uppercase;letter-spacing:.02em;border-radius:10px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.7rem;font-weight:700;display:flex}.status-tag.late{color:#ef4444;background:#fef2f2}.status-tag.on-time{color:#10b981;background:#ecfdf5}.status-tag .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.premium-card-body{flex:1;align-items:center;display:flex}.punch-info{flex-wrap:wrap;align-items:center;gap:.75rem;width:100%;display:flex}.punch-info .icon-box{color:#2563eb;background:#eff6ff;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.time-details{flex-direction:column;display:flex}.time-details span{color:#64748b;letter-spacing:.05em;margin-bottom:0;font-size:.75rem;font-weight:700;display:block}.time-display{align-items:baseline;gap:.2rem;display:flex}.time-display strong{color:#1e293b;font-size:2.1rem;font-weight:900;line-height:1}.time-display small{color:#94a3b8;text-transform:uppercase;font-size:1rem;font-weight:600}.late-pill.mini-inline{color:#fff;white-space:nowrap;letter-spacing:-.01em;background:#ff5e5e;border-radius:14px;margin-left:auto;padding:.5rem 1.15rem;font-size:.9rem;font-weight:800;box-shadow:0 4px 15px #ff5e5e59}@media (width<=640px){.time-display strong{font-size:1.6rem}.time-display small{font-size:.85rem}.punch-info .icon-box{width:40px;height:40px}.late-pill.mini-inline{margin-left:0;padding:.35rem .85rem;font-size:.75rem}.header-text h3{font-size:1rem}}.status-loading-placeholder{color:#94a3b8;background:#f8fafc;border-radius:16px;justify-content:center;align-items:center;height:120px;font-size:.85rem;font-style:italic;display:flex}.employee-badges div{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(18px)saturate(180%)!important;background:#ffffff59!important;border:none!important;border-radius:20px!important;box-shadow:0 8px 32px #00000014,inset 0 1px 1px #ffffffbf,inset 0 -1px 1px #0000000a!important}.employee-badges div:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(160deg,#ffffffbf 0%,#fff3 30%,#fff0 55%,#ffffff26 80%,#ffffff8c 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.employee-badges div:hover{transform:translateY(-3px);box-shadow:0 16px 40px #0000001f,inset 0 1px 1px #ffffffe6!important}.employee-badges p{color:#506482d9!important}.employee-badges strong{color:#0f172a!important}.balance-deck{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(24px)saturate(200%)!important;background:#ffffff40!important;border:none!important;box-shadow:0 24px 60px #3b82f61a,0 0 0 1px #ffffff1a,inset 0 1px 2px #fff9!important}.balance-deck:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffffe6 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.balance-card{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px)saturate(200%)!important;background:#fff6!important;border:none!important;box-shadow:0 12px 32px #00000012,inset 0 1px 1px #fffc,inset 0 -1px 1px #00000008!important}.balance-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:linear-gradient(#ffffffb3 0%,#fff3 25%,#fff0 50%,#ffffff1a 75%,#ffffff80 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.balance-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #0000001a,inset 0 1px 1px #fffffff2!important}.balance-card.sick .balance-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 1px #ffffff80,0 4px 12px #ef444433;background:#ef44442e!important}.balance-card.casual .balance-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 1px #ffffff80,0 4px 12px #3b82f633;background:#3b82f62e!important}.balance-card.daily-status-premium{-webkit-backdrop-filter:blur(28px)saturate(220%)!important;background:#ffffff73!important;box-shadow:0 16px 48px #3b82f61f,0 0 0 1px #fff3,inset 0 1px 2px #ffffffe6!important}.visit-stat-card{transition:transform .3s;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(16px)!important;background:#fff6!important;border:none!important;box-shadow:0 12px 32px #3b82f612,inset 0 1px 1px #fffc!important}.visit-stat-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(160deg,#fff9 0%,#fff0 60%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.visit-stat-card:hover{transform:translateY(-3px)}.visit-section-card{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px)!important;background:#ffffff80!important;border:none!important;box-shadow:0 16px 40px #3b82f612,inset 0 1px 1px #ffffffd9!important}.visit-section-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffffa6 0%,#fff0 50%,#ffffff59 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.leads-section{animation:.4s ease-out fadeIn}.leads-header{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.lead-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.lead-kpi-card{background:#fff;border-radius:20px;align-items:center;gap:1.25rem;padding:1.5rem;transition:transform .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000000d}.lead-kpi-card:hover{transform:translateY(-5px)}.lead-kpi-icon{border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.blue .lead-kpi-icon{color:#0369a1;background:#e0f2fe}.purple .lead-kpi-icon{color:#6d28d9;background:#f5f3ff}.green .lead-kpi-icon{color:#15803d;background:#f0fdf4}.orange .lead-kpi-icon{color:#c2410c;background:#fff7ed}.lead-kpi-value{color:#111827;margin:.25rem 0;font-size:1.5rem;font-weight:700}.lead-kpi-label{color:#6b7280;text-transform:uppercase;letter-spacing:.025em;font-size:.875rem;font-weight:600}.lead-kpi-desc{color:#9ca3af;font-size:.75rem}.lead-kpi-ring{opacity:.03;border:15px solid;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-20px;right:-20px}.lead-filters-card{background:#fff;border-radius:20px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 15px #00000008}.filter-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-group label{color:#6b7280;text-transform:uppercase;font-size:.75rem;font-weight:600}.filter-group select,.filter-group input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:.625rem 1rem;font-size:.875rem;transition:all .2s}.filter-group select:focus,.filter-group input:focus{background:#fff;border-color:#3b82f6;outline:none}.clear-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.clear-btn:hover{color:#ef4444}.lead-table-container{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000a}.lead-table{border-collapse:collapse;text-align:left;width:100%}.lead-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.lead-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:1.25rem 1.5rem;font-size:.875rem}.lead-table tr:hover{background:#fcfdfe}.client-name{color:#0f172a;font-weight:600}.lead-meta-item{color:#64748b;align-items:center;gap:.5rem;display:flex}.quarter-badge{background:#f1f5f9;border-radius:8px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.status-badge{text-transform:uppercase;border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:700}.status-new{color:#1e40af;background:#dbeafe}.status-progress{color:#9a3412;background:#ffedd5}.status-converted{color:#166534;background:#dcfce7}.status-disqualified{color:#991b1b;background:#fee2e2}.lead-actions{justify-content:flex-end;gap:.5rem;display:flex}.action-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:10px;place-items:center;width:34px;height:34px;transition:all .2s;display:grid}.action-btn.view:hover{color:#0369a1;background:#e0f2fe}.action-btn.edit:hover{color:#854d0e;background:#fef9c3}.action-btn.delete:hover{color:#991b1b;background:#fee2e2}.lead-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;place-items:center;padding:2rem;animation:.3s fadeIn;display:grid;position:fixed;inset:0}.lead-modal-card{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.3s ease-out modalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.lead-modal-card.wide{max-width:800px}.lead-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.lead-form{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex:1;padding:2rem;overflow-y:auto}.lead-form::-webkit-scrollbar{width:5px}.lead-form::-webkit-scrollbar-track{background:0 0}.lead-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.full-width{grid-column:span 2}.form-group label{color:#334155;font-size:.875rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:12px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:#3b82f6;outline:none}.duration-input{align-items:center;gap:1rem;display:flex}.radio-group{gap:1rem;display:flex}.radio-group label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.form-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.secondary-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem 1.5rem;font-weight:600}.lead-detail-content{padding:2rem}.lead-detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.detail-item{gap:1rem;display:flex}.detail-icon{color:#64748b;background:#f1f5f9;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.detail-info label{color:#94a3b8;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.detail-info p{color:#1e293b;font-weight:600}.detail-notes-section{border-top:1px solid #f1f5f9;margin-top:2rem;padding-top:2rem}.detail-notes-section label{color:#334155;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:block}.notes-content{color:#475569;background:#f8fafc;border-radius:16px;padding:1.5rem;line-height:1.6}.lead-modal-footer{background:#f8fafc;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lead-modal-card.wide,.lead-modal-card{width:95%;max-width:900px;max-height:90vh}.lead-form .form-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem 1.5rem}.form-group.col-span-2{grid-column:span 2}.form-group.col-span-3{grid-column:span 3}.duration-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;display:flex;overflow:hidden}.duration-input input{font-weight:600;background:0 0!important;border:none!important;width:60px!important;padding:.75rem .5rem .75rem 1rem!important}.duration-input .radio-group{background:#edf2f7;flex:1;align-items:stretch;height:100%;display:flex}.radio-label{cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:0 .5rem;transition:background .2s;display:flex;margin:0!important;font-size:.8rem!important}.radio-label:hover{background:#e2e8f0}.radio-label input{width:auto!important;height:auto!important;margin:0!important;padding:0!important}.radio-label input:checked+span{color:#2563eb;font-weight:700}.lead-form .form-group label{color:#475569;margin-bottom:.35rem;font-size:.8rem}.lead-form .form-group input,.lead-form .form-group select,.lead-form .form-group textarea{color:#1e293b;background-color:#fff;border-color:#cbd5e1;font-weight:500}.lead-form .form-group input:hover,.lead-form .form-group select:hover{border-color:#94a3b8}.lead-modal-header h3{color:#0f172a;font-size:1.5rem}@media (width<=768px){.lead-modal-overlay{align-items:flex-start;padding:.5rem;display:block;overflow-y:auto}.lead-modal-card,.lead-modal-card.wide,.lead-modal-card.admin-wide{border-radius:0;flex-direction:column;margin:0;display:flex;width:100%!important;max-width:100%!important;height:100vh!important;max-height:100vh!important}.lead-form{flex:1;padding:1rem;overflow-y:auto}.lead-form .form-grid{grid-template-columns:1fr!important;gap:1rem!important}.form-group.col-span-2,.form-group.col-span-3{grid-column:span 1!important}.lead-modal-header{z-index:10;background:#fff;flex-shrink:0;padding:1rem;position:sticky;top:0}.lead-modal-header h3{font-size:1.2rem}.form-actions{background:#fff;border-top:1px solid #f1f5f9;flex-direction:column-reverse;flex-shrink:0;gap:.75rem;margin-top:1rem;padding:1rem;position:sticky;bottom:0}.form-actions button{justify-content:center;width:100%;padding:.85rem}.duration-input{background:0 0;border:none;flex-flow:wrap;gap:.5rem}.duration-input input{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:12px!important;width:100%!important}.duration-input .radio-group{border-radius:12px;width:100%;height:45px;overflow:hidden}.radio-label{font-size:.9rem!important}.lead-admin-header{flex-direction:column;gap:1rem;padding:1rem}.lead-header-actions{flex-wrap:wrap;justify-content:center;width:100%}.lead-primary-btn{justify-content:center;width:100%}.lead-kpi-grid{grid-template-columns:1fr!important}.lead-filters-bar{flex-direction:column;align-items:stretch}.lead-search{flex:none;width:100%}.lead-filter-select,.lead-export-btn,.lead-refresh-btn{width:100%}.lead-table-container{overflow-x:auto}.lead-table th,.lead-table td{padding:.75rem 1rem}.lead-table th:nth-child(2),.lead-table td:nth-child(2),.lead-table th:nth-child(4),.lead-table td:nth-child(4),.lead-table th:nth-child(6),.lead-table td:nth-child(6),.lead-table th:nth-child(7),.lead-table td:nth-child(7){display:none}}@media (width<=480px){.lead-modal-header h3{font-size:1.1rem}.lead-form{padding:.75rem}}.mom-glass-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#0f172a66;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out fadeIn;display:flex}.mom-portal-card{background:#fff;border-radius:28px;width:1200px;max-width:95vw;height:800px;max-height:90vh;animation:.5s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #0003,0 0 0 1px #0000000d}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.mom-portal-sidebar{color:#1e293b;background:linear-gradient(130deg,#f0f7ff,#dbeafe);border-right:1px solid #0000000d;flex-direction:column;width:300px;padding:2.5rem 1.75rem;display:flex;position:relative}.sidebar-header{align-items:center;gap:1rem;margin-bottom:3.5rem;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 8px 16px #6366f140}.brand-info h4{letter-spacing:-.01em;color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.brand-info p{color:#64748b;margin:0;font-size:.75rem}.sidebar-nav{flex-direction:column;flex:1;gap:.75rem;display:flex}.mom-nav-link{color:#64748b;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:1rem;width:100%;padding:1rem;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.mom-nav-link:hover{color:#1e293b;background:#00000008}.mom-nav-link.is-active{color:#0891b2;background:#fff;box-shadow:0 10px 25px #06b6d41f,0 0 0 1px #06b6d40d}.nav-icon-box{color:#64748b;background:#0000000a;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.is-active .nav-icon-box{color:#fff;background:linear-gradient(135deg,#0891b2,#0ea5e9);box-shadow:0 4px 10px #0891b24d}.nav-text{flex:1;justify-content:space-between;align-items:center;display:flex}.active-dot{opacity:0;background:#6366f1;border-radius:50%;width:6px;height:6px;transition:all .3s}.is-active .active-dot{opacity:1;transform:scale(1.5)}.sidebar-visit-context{background:#fff;border:1px solid #00000005;border-radius:20px;margin-top:auto;padding:1.25rem;box-shadow:0 4px 12px #00000008}.context-label{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;margin-bottom:.75rem;font-size:.65rem;font-weight:700}.context-card{align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.context-icon{color:#0891b2;margin-top:.1rem}.context-info strong{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;display:block;overflow:hidden}.context-info span{color:#64748b;font-size:.75rem}.context-meta{flex-direction:column;gap:.4rem;display:flex}.meta-item{color:#94a3b8;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.mom-portal-main{background:#fff;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.main-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#ffffff80;border-bottom:1px solid #ffffff4d;justify-content:space-between;align-items:center;padding:1.75rem 3rem;display:flex}.header-title h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}.header-title p{color:#64748b;margin:.25rem 0 0;font-size:.9rem}.icon-btn-close{color:#94a3b8;cursor:pointer;background:#f8fafc;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.icon-btn-close:hover{color:#ef4444;background:#fee2e2;transform:rotate(90deg)}.scroll-content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;height:100%;padding:3rem;overflow-y:auto}.form-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #fff6;border-radius:24px;margin-bottom:3rem;padding:2.5rem;animation:.6s ease-out sectionReveal;box-shadow:0 10px 30px #00000005}@keyframes sectionReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-title{color:#1e293b;border-bottom:2px solid #f1f5f9;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:.75rem;display:flex}.section-title h3{margin:0;font-size:1.25rem;font-weight:700}.section-title svg{color:#0891b2}.input-grid{grid-template-columns:1fr 1fr;gap:1.75rem;display:grid}.col-2{grid-column:span 2}.input-field{flex-direction:column;gap:.6rem;display:flex}.input-field label{color:#475569;padding-left:.2rem;font-size:.85rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.field-icon{color:#94a3b8;pointer-events:none;position:absolute;left:1.25rem}.input-field input,.input-field select,.input-field textarea{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;width:100%;padding:.85rem 1.25rem .85rem 3rem;font-size:1rem;transition:all .2s}.input-field textarea{resize:vertical;min-height:80px;padding-left:1.25rem}.input-field input:focus,.input-field select:focus,.input-field textarea:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.checkbox-field{padding:1rem 0}.toggle-label{cursor:pointer;align-items:center;gap:1rem;display:flex}.toggle-label input{display:none}.toggle-slider{background:#cbd5e1;border-radius:20px;width:48px;height:26px;transition:all .3s;position:relative}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000001a}input:checked+.toggle-slider{background:#4f46e5}input:checked+.toggle-slider:before{left:25px}.toggle-text{color:#1e293b;font-weight:600}.priority-pills{gap:.75rem;display:flex}.priority-pill{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;flex:1;padding:.75rem;font-size:.75rem;font-weight:700;transition:all .2s}.priority-pill.active.low{color:#16a34a;background:#f0fdf4;border-color:#22c55e}.priority-pill.active.medium{color:#d97706;background:#fffbeb;border-color:#f59e0b}.priority-pill.active.high{color:#e11d48;background:#fff1f2;border-color:#f43f5e}.priority-pill.active.urgent{color:#fff;background:#7f1d1d;border-color:#7f1d1d;transform:scale(1.05)}.premium-upload-zone{margin-top:1rem}.upload-card{cursor:pointer;background:#fcfcfc;border:2px dashed #cbd5e1;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.upload-card:hover{background:#f8faff;border-style:solid;border-color:#4f46e5;transform:translateY(-4px);box-shadow:0 10px 30px #0000000d}.idle-state{text-align:center;flex-direction:column;align-items:center;display:flex}.upload-circle{color:#6366f1;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.25rem;transition:all .3s;display:flex;box-shadow:0 4px 12px #6366f126}.upload-card:hover .upload-circle{color:#fff;background:#6366f1;transform:scale(1.1)}.idle-state p{color:#1e293b;margin-bottom:.25rem;font-weight:700}.idle-state small{color:#94a3b8}.success-state{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.file-info{flex-direction:column;align-items:center;display:flex}.file-info strong{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:1rem;line-height:1.2;display:block;overflow:hidden}.file-info span{color:#10b981;font-size:.85rem;font-weight:600}.main-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#fffc;border-top:1px solid #0000000d;justify-content:space-between;align-items:center;gap:2rem;padding:1.25rem 3rem;display:flex}.progress-bar-container{flex:1;max-width:350px}.progress-label{color:#94a3b8;margin-bottom:.6rem;font-size:.75rem;font-weight:600}.progress-track{background:#0000000d;border-radius:10px;width:100%;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:10px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.footer-actions{gap:1rem;display:flex}.secondary-btn{white-space:nowrap;color:#475569;cursor:pointer;background:#f1f5f9cc;border:1.5px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;gap:.75rem;min-width:160px;padding:.85rem 2rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.secondary-btn:hover{color:#4f46e5;background:#fff;border-color:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e51a}.primary-btn.complete-btn{white-space:nowrap;color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;justify-content:center;align-items:center;gap:.75rem;min-width:240px;padding:.85rem 2.5rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #10b9814d}.primary-btn.complete-btn:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.primary-btn.complete-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #10b98159}.primary-btn.complete-btn:hover:after{left:100%}.feedback-area{margin-top:2rem}.alert-message{border-radius:16px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;font-weight:600;animation:.4s cubic-bezier(.36,.07,.19,.97) both shake;display:flex}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.alert-message.error{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3}.alert-message.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;animation:none}.btn-spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.scroll-content::-webkit-scrollbar{width:8px}.scroll-content::-webkit-scrollbar-track{background:#fff}.scroll-content::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px;margin-right:4px}.scroll-content::-webkit-scrollbar-thumb:hover{background:#cbd5e1}@media (width<=1024px){.mom-portal-sidebar{width:260px;padding:2rem 1.25rem}.mom-portal-card{height:95vh}}@media (width<=868px){.mom-portal-card{border-radius:0;flex-direction:column;width:100vw;max-width:none;height:100vh;max-height:none}.mom-portal-sidebar{z-index:1000;border-bottom:1px solid #0000000d;border-right:none;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;width:100%;height:60px;min-height:60px;padding:0 1rem;position:relative;top:0;overflow-x:auto}.sidebar-header{margin-bottom:0;display:none}.brand-info{display:none}.sidebar-nav{flex-direction:row;flex:1;gap:.4rem;width:auto;margin:0;padding:.5rem 0;overflow-x:auto}.mom-nav-link{white-space:nowrap;border-radius:12px;gap:.35rem;width:auto;padding:.5rem .85rem}.nav-icon-box{border-radius:6px;width:24px;height:24px}.nav-icon-box svg{width:14px;height:14px}.nav-text span{font-size:.75rem}.sidebar-visit-context{display:none}.mom-portal-main{height:calc(100vh - 60px)}.main-header{padding:1rem 1.25rem}.header-title p{font-size:.7rem}.scroll-content{padding:1.25rem}.form-section{border-radius:20px;margin-bottom:1.25rem;padding:1.25rem}.main-footer{background:#fff;flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem 1.25rem;box-shadow:0 -10px 30px #0000000d}.progress-bar-container{max-width:none;margin-bottom:.25rem}.footer-actions{gap:.75rem;display:flex}.secondary-btn,.primary-btn.complete-btn{border-radius:12px;flex:1;min-width:0;padding:.8rem .5rem;font-size:.85rem}}@media (width<=480px){.input-grid{flex-direction:column!important;grid-template-columns:1fr!important;gap:1.25rem!important;display:flex!important}.input-field,.input-field.col-2,.checkbox-field,.checkbox-field.col-2{grid-column:auto!important;width:100%!important}.header-title h2{font-size:1.15rem}.section-title h3{font-size:1rem}.footer-actions{flex-direction:row;gap:.5rem;width:100%;display:flex}.secondary-btn,.primary-btn.complete-btn{flex:1;min-width:0;height:44px;padding:.65rem .25rem;font-size:.75rem}.secondary-btn svg,.primary-btn.complete-btn svg{width:14px;height:14px}.priority-pills{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.priority-pill{padding:.5rem;font-size:.75rem}.progress-label,.nav-text span{display:none}.mom-nav-link{padding:.75rem}.sidebar-nav{flex:1;justify-content:center;width:auto}}.selection-view,.reason-view{text-align:center;background:linear-gradient(145deg,#fff,#f8fafc);flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:4rem 2rem;animation:.4s ease-out fadeIn;display:flex;position:relative;overflow-y:auto}.selection-header,.reason-header{width:100%;max-width:600px;margin-bottom:3rem}.selection-header h2,.reason-header h2{color:#0f172a;letter-spacing:-.025em;margin-bottom:.75rem;font-size:2.25rem;font-weight:800}.selection-logo{flex-shrink:0;width:64px;height:64px;margin:0 auto 2rem}.selection-header p,.reason-header p{color:#64748b;font-size:1.1rem;line-height:1.6}.selection-grid{grid-template-columns:1fr 1fr;gap:2rem;width:100%;max-width:900px;display:grid}.selection-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #f1f5f9;border-radius:24px;flex-direction:column;align-items:center;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.selection-card.primary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.selection-card.primary:hover{border-color:#0ea5e9;transform:translateY(-8px);box-shadow:0 20px 40px #0ea5e91a}.selection-card.ghost:hover{border-color:#ef4444;transform:translateY(-8px);box-shadow:0 20px 40px #ef44441a}.card-icon{color:#0ea5e9;background:#fff;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.5rem;display:flex;box-shadow:0 10px 20px #0000000d}.selection-card.ghost .card-icon{color:#ef4444}.card-content{flex-direction:column;flex:1;align-items:center;display:flex}.card-content h3{color:#1e293b;margin-bottom:.75rem;font-size:1.35rem;font-weight:700}.card-content p{color:#64748b;max-width:280px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.card-action{color:#0ea5e9;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-top:auto;font-size:.85rem;font-weight:700;display:inline-flex}.selection-card.ghost .card-action{color:#ef4444}.selection-close{position:absolute;top:1.5rem;right:1.5rem}.reason-view{width:100%}.reason-body{width:100%;max-width:600px;margin-bottom:2.5rem}.reason-view textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;width:100%;min-height:150px;padding:1.25rem;font-size:1rem;line-height:1.6}.reason-view textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.reason-footer{justify-content:center;gap:1rem;width:100%;max-width:600px;display:flex}.back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex;position:absolute;top:1.5rem;left:1.5rem}.back-btn:hover{color:#1e293b;background:#f1f5f9}.header-icon{color:#6366f1;margin-bottom:1.25rem;animation:.6s cubic-bezier(.175,.885,.32,1.275) bounceIn}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@media (width<=768px){.selection-view,.reason-view{justify-content:flex-start;padding:3rem 1.5rem}.selection-header,.reason-header{margin-bottom:2rem}.selection-grid{grid-template-columns:1fr;gap:1.25rem;max-width:400px}.selection-card{border-radius:20px;padding:2rem 1.5rem}.card-icon{width:60px;height:60px;margin-bottom:1rem}.selection-header h2,.reason-header h2{font-size:1.75rem}.selection-header p,.reason-header p{font-size:.95rem}.card-content h3{font-size:1.2rem}.card-content p{margin-bottom:1.25rem;font-size:.85rem}.reason-footer{flex-direction:column-reverse}.reason-footer button{width:100%}.back-btn,.selection-close{top:1rem}.back-btn{font-size:.85rem;left:1rem}.selection-close{right:1rem}}@media (height<=700px) and (width<=768px){.selection-header{margin-bottom:1.5rem}.selection-header .brand-logo{display:none}}.mom-portal-card.end-visit-only{border-radius:24px;width:480px;max-width:95vw;height:auto;max-height:90vh}.mom-portal-card.end-visit-only .reason-view{padding:2.25rem 1.75rem}.mom-portal-card.end-visit-only .reason-header{margin-bottom:1.25rem}.mom-portal-card.end-visit-only .reason-header h2{margin-bottom:.5rem;font-size:1.75rem}.mom-portal-card.end-visit-only .reason-header p{font-size:.92rem}.mom-portal-card.end-visit-only .reason-body{margin-bottom:1.5rem}.mom-portal-card.end-visit-only .reason-footer{gap:.75rem}@media (width<=480px){.mom-portal-card.end-visit-only .reason-view{padding:1.75rem 1.25rem}}.notification-container{align-items:center;display:inline-flex;position:relative}.notification-bell{position:relative}.notification-badge{color:#fff;text-align:center;background-color:#ef4444;border-radius:999px;min-width:16px;padding:2px 6px;font-size:.65rem;font-weight:700;line-height:1;position:absolute;top:-6px;right:-6px}.notification-dropdown{z-index:120;background:#fff;border:1px solid #94a3b859;border-radius:16px;width:360px;position:absolute;top:calc(100% + .75rem);right:0;overflow:hidden;box-shadow:0 18px 40px #0f172a2e}.notification-header{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.notification-header h3{margin:0;font-size:1rem;font-weight:700}.mark-read-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:700}.notification-list{max-height:420px;overflow-y:auto}.notification-item{border-bottom:1px solid #94a3b833;gap:.7rem;padding:.8rem 1rem;display:flex}.notification-item:last-child{border-bottom:none}.notification-icon-wrap{background:#eef2ff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.notification-icon{width:18px;height:18px}.notification-icon--new{color:#2563eb}.notification-icon--approved{color:#16a34a}.notification-icon--rejected{color:#dc2626}.notification-icon--cancelled{color:#f59e0b}.notification-icon--default{color:#4b5563}.notification-content{flex-direction:column;flex:1;gap:.35rem;display:flex}.notification-title{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.notification-time{color:#6b7280;align-items:center;gap:.25rem;font-size:.7rem;display:inline-flex}.notification-message{color:#1f2937;font-size:.85rem}.notification-details{color:#64748b;flex-wrap:wrap;gap:.4rem;font-size:.7rem;display:flex}.leave-dates,.leave-days{background:#f1f5f9;border-radius:999px;padding:2px 6px}.empty-notifications{text-align:center;color:#94a3b8;padding:2rem 1rem}.hr-nav__link--sub{opacity:.8;padding-left:1.25rem!important;font-size:.88rem!important}.hr-nav__link--sub:hover{opacity:1}.hr-nav__group{flex-direction:column;gap:.15rem;display:flex}.hr-nav__link-arrow{opacity:.6;margin-left:auto;transition:transform .25s cubic-bezier(.4,0,.2,1)}.hr-nav__link-arrow.is-open{opacity:1;transform:rotate(180deg)}.hr-nav__sub-menu{border-left:1px solid #ffffff1a;flex-direction:column;gap:.15rem;margin:.2rem 0 .6rem .5rem;padding-left:.5rem;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hr-no-scroll{overflow:hidden!important}:root{--hr-bg:#f5f7fb;--hr-card:#fff;--hr-primary:#5b9bff;--hr-primary-strong:#3b82f6;--hr-accent:#a5b4fc;--hr-ink:#0f172a;--hr-muted:#6b7280;--hr-border:#e5e7eb;--hr-success:#16a34a;--hr-warning:#f59e0b;--hr-danger:#ef4444}.hr-portal{background:radial-gradient(circle at 15% 20%, #5b9bff14, transparent 30%), radial-gradient(circle at 80% 0%, #6366f114, transparent 35%), var(--hr-bg);min-height:100vh;color:var(--hr-ink);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;display:flex;position:relative}.hr-portal__glow{pointer-events:none;filter:blur(30px);z-index:0;background:radial-gradient(circle at 30% 10%,#5b9bff14,#0000 25%),radial-gradient(circle at 70% 0,#22c5eb0f,#0000 30%);position:fixed;inset:0}.hr-portal__sidebar{box-sizing:border-box;color:#e5e7eb;z-index:2;background:linear-gradient(#0b1224,#0d1326 45%,#111827);flex-direction:column;gap:1.5rem;width:240px;height:100vh;padding:1.75rem 1.5rem;display:flex;position:sticky;top:0;box-shadow:10px 0 35px #0f172a40}.hr-brand{align-items:center;gap:.85rem;display:flex}.hr-brand__logo{letter-spacing:.03em;color:#f8fafc;background:linear-gradient(135deg,#5b9bff,#22c55e);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.hr-brand p{color:#f8fafc;margin:0;font-weight:700}.hr-brand small{color:#cbd5e1}.hr-nav{flex-direction:column;flex:1;gap:.4rem;min-height:0;padding-right:.25rem;display:flex;overflow-y:auto}.hr-nav::-webkit-scrollbar{width:4px}.hr-nav::-webkit-scrollbar-track{background:0 0}.hr-nav::-webkit-scrollbar-thumb{background-color:#ffffff26;border-radius:4px}.hr-nav__link{color:#e5e7eb;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.7rem .65rem;font-weight:600;transition:background .2s,color .2s,transform .2s;display:flex}.hr-nav__link:hover{background:#ffffff14;transform:translate(2px)}.hr-nav__link.is-active{color:#f8fafc;background:linear-gradient(120deg,#5b9bff59,#22c5eb26)}.hr-pill{color:#000;background:#5b9bff1f;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.hr-pill--primary{color:#0f172a;text-align:center;background-color:#f8fafc;border-color:#cbd5e1;min-width:92px;padding:8px 14px;font-weight:700;transition:all .12s;box-shadow:0 6px 18px #2563eb40}.hr-pill--danger{color:#fca5a5;background:#ef444433;border:1px solid #ef444459}.hr-pill.approved{color:#0f5132;background:#10b9812e;border:1px solid #10b98159}.hr-pill.pending{color:#92400e;background:#f59e0b33;border:1px solid #f59e0b59}.hr-pill.rejected{color:#b91c1c;background:#ef444433;border:1px solid #ef444459}.hr-sidebar__profile{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;align-items:center;gap:.75rem;margin-top:auto;padding:.75rem;display:flex}.hr-portal__main{z-index:1;flex-direction:column;flex:1;gap:1.5rem;width:100%;min-width:0;padding:2rem 2.25rem 2.5rem;display:flex;position:relative;overflow-x:hidden}.hr-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.hr-header h1{margin:.35rem 0 .25rem;font-size:1.9rem}.hr-header__actions{flex-wrap:nowrap;align-items:center;gap:.85rem;display:flex}.hr-badge{color:#1d4ed8;background:#5b9bff24;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.9rem;font-weight:700;display:inline-flex}.hr-search{border:1.5px solid var(--hr-border);background:#fff;border-radius:12px;align-items:center;gap:.65rem;height:46px;padding:0 1rem;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #0f172a0a}.hr-search:focus-within{border-color:var(--hr-primary-strong);box-shadow:0 0 0 4px #2563eb1f}.hr-search input{font:inherit;background:0 0;border:none;outline:none}.hr-search--wide{min-width:180px}.hr-roster-location-filter{flex:0 0 220px;width:220px;min-width:220px;margin-bottom:0}.hr-roster-location-filter select{white-space:nowrap;text-overflow:ellipsis;width:100%;height:46px;padding-left:1rem;font-weight:700;overflow:hidden}.hr-header--compact{gap:.75rem}.hr-icon-btn{border:1px solid var(--hr-border);cursor:pointer;width:38px;height:38px;color:var(--hr-muted);background:#fff;border-radius:12px;place-items:center;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 10px 30px #0f172a1a}.hr-icon-btn:hover{color:var(--hr-primary-strong);transform:translateY(-1px);box-shadow:0 15px 30px #0f172a1f}.hr-icon-btn--table{width:34px;height:34px;box-shadow:none;background:#fff;border-radius:10px}.hr-icon-btn--table:hover{box-shadow:0 10px 22px #0f172a1f}.hr-icon-btn--success{color:#15803d;background:#22c55e1f;border-color:#16a34a40}.hr-icon-btn--danger{color:#b91c1c;background:#ef44441f;border-color:#ef444440}.hr-action-group{align-items:center;gap:.4rem;display:inline-flex}.hr-stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;display:grid}.hr-stat-card{background:var(--hr-card);border:1px solid var(--hr-border);border-radius:18px;flex-direction:column;gap:.85rem;padding:1.2rem 1.35rem;animation:.5s forwards floatIn;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 55px #0f172a14}.hr-stat-card:after{content:"";pointer-events:none;background:radial-gradient(circle at 85% -10%,#5b9bff1f,#0000 45%);position:absolute;inset:0}.hr-stat-card p{color:var(--hr-muted);margin:0;font-weight:600}.hr-stat-card__head{align-items:center;gap:.6rem;display:flex}.hr-stat-title{color:#475569;margin:0;font-size:1.05rem;font-weight:700}.hr-stat-card__icon{width:34px;height:34px;color:var(--hr-primary-strong);background:#5b9bff1a;border-radius:12px;place-items:center;display:grid}.hr-stat-breakdown{flex-wrap:nowrap;justify-content:space-between;align-items:stretch;gap:.85rem;display:flex}.hr-stat-mini{text-align:center;background:#f8fafc;border:1px solid #94a3b847;border-radius:14px;flex:1 1 0;gap:.2rem;min-width:0;padding:.45rem .55rem;display:grid;box-shadow:inset 0 1px #fff9}.hr-stat-mini p{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.7rem;font-weight:700}.hr-stat-mini strong{color:#0f172a;font-size:1.5rem}@media (width<=920px){.hr-stat-breakdown{flex-wrap:wrap}.hr-stat-mini{flex:calc(33.333% - .65rem)}}@media (width<=640px){.hr-stat-mini{flex:calc(50% - .65rem)}}.hr-chip{color:var(--hr-primary-strong);background:#5b9bff1a;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.8rem;font-weight:700;display:inline-flex}.hr-chip.positive{color:#16a34a;background:#16a34a1f}.hr-chip.negative{color:#b91c1c;background:#ef44441f}.hr-chip.neutral{color:var(--hr-muted);background:#0f172a0d}.hr-grid{grid-template-columns:1.4fr 1fr;gap:1.25rem;display:grid}.hr-grid--split{grid-template-columns:1.2fr 1fr}.hr-panel{background:var(--hr-card);border:1px solid var(--hr-border);border-radius:20px;min-width:0;padding:1.25rem 1.35rem;position:relative;overflow:hidden;box-shadow:0 25px 60px #0f172a17}.hr-panel--wide{min-height:320px}.hr-panel__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.hr-panel__header h2{margin:.25rem 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--hr-muted);margin:0;font-size:.75rem;font-weight:800}.hr-trends{grid-template-columns:repeat(6,1fr);align-items:end;gap:.85rem;height:230px;display:grid}.hr-bar{flex-direction:column;align-items:center;gap:.45rem;display:flex}.hr-bar--button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0}.hr-bar--button:focus-visible .hr-bar__fill{outline-offset:3px;outline:2px solid #3b82f699}.hr-bar--button:hover .hr-bar__fill{transform:translateY(-4px);box-shadow:0 18px 38px #3b82f652}.hr-bar__fill{color:#fff;background:linear-gradient(#5b9bff,#3b82f6);border-radius:14px;justify-content:center;align-items:flex-end;width:100%;min-height:40px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 15px 35px #3b82f640}.hr-bar__fill span{padding:.2rem .35rem;font-size:.8rem}.hr-panel--chart{min-height:320px}.hr-donut{grid-template-columns:auto 1fr;align-items:center;gap:1rem;display:grid}.hr-donut__chart{aspect-ratio:1;background:conic-gradient(#e5e7eb 0deg 360deg);border-radius:50%;width:180px;position:relative;box-shadow:0 18px 40px #0f172a14}.hr-donut__chart:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:18%}.hr-donut__center{text-align:center;color:var(--hr-ink);background:linear-gradient(145deg,#5b9bff1f,#22c5eb1a);border-radius:50%;place-items:center;padding:.75rem;display:grid;position:absolute;inset:26%}.hr-donut__center strong{font-size:1.4rem}.hr-donut__legend{flex-direction:column;gap:.6rem;display:flex}.hr-legend__row{color:var(--hr-muted);align-items:center;gap:.55rem;font-weight:600;display:flex}.hr-legend__row span{border-radius:4px;width:12px;height:12px;display:inline-block}.hr-table{border:1px solid var(--hr-border);border-radius:16px;overflow:hidden}.hr-table__head,.hr-table__row{grid-template-columns:1.8fr 1fr 1.4fr 1.2fr;align-items:center;gap:.5rem;display:grid}.hr-table__head{color:var(--hr-muted);letter-spacing:.02em;text-transform:uppercase;background:#f8fafc;padding:.9rem 1rem;font-size:.75rem;font-weight:700}.hr-table__row{border-top:1px solid var(--hr-border);padding:.9rem 1rem}.hr-table--profiles .hr-table__head,.hr-table--profiles .hr-table__row{grid-template-columns:1.6fr 1fr 1fr 1.4fr 1.6fr}.hr-table--employees .hr-table__head,.hr-table--employees .hr-table__row{grid-template-columns:1.6fr 1.2fr 1fr .9fr 1fr}.hr-table--trends .hr-table__head,.hr-table--trends .hr-table__row{grid-template-columns:1.6fr 1fr .9fr .9fr 1.1fr 1.8fr}.hr-table--leaves{overflow-x:auto}.hr-table--leaves .hr-table__head,.hr-table--leaves .hr-table__row{grid-template-columns:1.8fr 1.2fr .9fr 1.1fr 1.8fr 1fr;min-width:1080px}.hr-table--mail .hr-table__head,.hr-table--mail .hr-table__row{grid-template-columns:.5fr 1.6fr 1.6fr 1fr}.hr-table--latein{-webkit-overflow-scrolling:touch;overflow:auto hidden}.hr-table--latein .hr-table__inner{min-width:1080px}.hr-table--latein .hr-table__head,.hr-table--latein .hr-table__row{grid-template-columns:1.6fr 1.2fr 1fr 1fr 1fr 1fr 1.45fr;align-items:center}.hr-table--latein .hr-table__head span:nth-child(n+3),.hr-table--latein .hr-table__row .hr-cell:nth-child(n+3){text-align:center;align-items:center}.hr-table--latein .hr-table__head span:last-child,.hr-table--latein .hr-table__row .hr-cell:last-child{text-align:right;align-items:flex-end}.hr-table__head--mail{text-transform:uppercase}.hr-cell--checkbox{align-items:center}.hr-cell--checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--hr-primary-strong);cursor:pointer}.hr-cell{color:var(--hr-ink);flex-direction:column;gap:.2rem;display:flex}.hr-cell--user{flex-flow:row;align-items:center;gap:.85rem}.hr-cell--actions{flex-flow:row;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.hr-cell--actions--latein{min-width:128px}.hr-cell--actions--latein .hr-btn--tooltip{border-radius:10px;width:36px;height:36px}.hr-table--profiles .hr-cell--actions{flex-wrap:nowrap;gap:.35rem}.hr-table--profiles .hr-btn--sm{padding:.35rem .7rem}.hr-filter-tabs{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.hr-filter-cluster{flex-direction:column;align-items:flex-end;gap:.6rem;display:flex}.hr-filter-cluster--row{flex-flow:wrap;align-items:center;gap:1rem}.hr-filter-select{color:var(--hr-muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:700;display:flex}.hr-filter-select--inline{align-items:flex-start}.hr-filter-select--inline select{padding:.5rem .9rem}.hr-filter-group{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.hr-filter-label{color:var(--hr-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.hr-filter-select select{border:1px solid var(--hr-border);font:inherit;color:var(--hr-ink);background:#fff;border-radius:12px;min-width:10px;padding:.55rem .75rem;font-weight:700;box-shadow:0 10px 25px #0f172a14}.hr-filter-select select:focus{border-color:#0f172a;outline:none;box-shadow:0 0 0 4px #0f172a1f}.hr-cell--reason p,.hr-cell--reason small,.hr-cell--user small{word-break:break-word}.hr-text-clip{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hr-text-clip--3{-webkit-line-clamp:3;line-clamp:3}.hr-arrow{color:var(--hr-primary-strong);font-weight:800}.hr-avatar{color:#1d4ed8;background:#e2e8f0;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:800;display:grid;overflow:hidden}.hr-avatar--soft{color:#1d4ed8;background:#5b9bff1f}.hr-status{border:1px solid var(--hr-border);background:#f8fafc;border-radius:999px;justify-content:center;align-items:center;padding:.25rem .8rem;font-size:.85rem;font-weight:700;display:inline-flex}.hr-status.is-active{color:#15803d;background:#22c55e1f;border-color:#22c55e40}.hr-status.is-locked{color:#4338ca;background:#6366f11f;border-color:#6366f140}.hr-status.is-inactive{color:#b91c1c;background:#ef44441f;border-color:#ef444440}.hr-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.65rem;height:46px;padding:0 1.5rem;font-size:.9rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.hr-btn--sm{padding:.4rem .9rem;font-size:.82rem}.hr-btn--primary{color:#fff;background:linear-gradient(120deg,#60a5fa,#3b82f6);box-shadow:0 12px 30px #3b82f640}.hr-btn--primary:hover{transform:translateY(-1px)}.hr-btn--warning{color:#fff;background:linear-gradient(120deg,#fbbf24,#f59e0b);box-shadow:0 12px 30px #f59e0b40}.hr-btn--warning:hover{opacity:.9;transform:translateY(-1px)}.hr-btn--danger{color:#fff;background:linear-gradient(120deg,#f87171,#ef4444);box-shadow:0 12px 30px #ef444440}.hr-btn--danger:hover{opacity:.9;transform:translateY(-1px)}.hr-status.is-deducted{color:#92400e;background:#f59e0b1f;border-color:#f59e0b40}.hr-btn--ghost{color:var(--hr-muted);border:1px solid var(--hr-border);background:#f8fafc}.hr-btn--tooltip{border-radius:12px;justify-content:center;width:38px;height:38px;transition:all .2s;position:relative;padding:0!important}.hr-btn--tooltip span{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:100;background:#14b8a6;border-radius:8px;padding:.4rem .8rem;font-size:.75rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.hr-btn--tooltip span:after{content:"";border:5px solid #0000;border-top-color:#14b8a6;position:absolute;top:100%;left:50%;transform:translate(-50%)}.hr-btn--tooltip:hover{transform:translateY(-2px)}.hr-btn--tooltip:hover span{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.hr-btn--primary.hr-btn--tooltip:hover{color:#3b82f6!important;background:#3b82f61f!important}.hr-btn--primary.hr-btn--tooltip span{background:#3b82f6}.hr-btn--primary.hr-btn--tooltip span:after{border-top-color:#3b82f6}.hr-btn--warning.hr-btn--tooltip:hover{color:#f59e0b!important;background:#f59e0b1f!important}.hr-btn--warning.hr-btn--tooltip span{background:#f59e0b}.hr-btn--danger.hr-btn--tooltip:hover{color:#dc2626!important;background:#ef444424!important}.hr-btn--danger.hr-btn--tooltip span{background:#dc2626}.hr-btn--danger.hr-btn--tooltip span:after{border-top-color:#dc2626}.hr-btn--ghost.hr-btn--tooltip span{background:#64748b}.hr-btn--ghost.hr-btn--tooltip span:after{border-top-color:#64748b}.hr-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:16px;height:16px;animation:.8s linear infinite spin}.hr-spinner--dark{border-color:#0f172a33;border-top-color:var(--hr-ink)}.hr-panel--mail{flex-direction:column;gap:1rem;display:flex}.hr-mail__actions{align-items:center;gap:.6rem;display:flex}.hr-mail__summary{border:1px solid var(--hr-border);color:var(--hr-ink);background:#f8fafc;border-radius:14px;flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.85rem 1rem;display:flex}.hr-mail__summary p{color:var(--hr-muted);margin:0;font-size:.8rem;font-weight:700}.hr-mail__summary strong{font-size:1.1rem}.hr-mail__status{color:var(--hr-primary-strong);margin-left:auto;font-weight:700}.hr-link{color:var(--hr-primary-strong);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.hr-empty{color:var(--hr-muted);border:1px dashed var(--hr-border);background:#f8fafc;border-radius:14px;align-items:center;gap:.45rem;padding:1.1rem 1rem;display:flex}.hr-empty--error{color:#b91c1c;background:#ef444414;border-color:#ef444440}.hr-updates{flex-direction:column;gap:.75rem;display:flex}.hr-update{border:1px solid var(--hr-border);background:#f8fafc;border-radius:14px;flex-wrap:nowrap;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:.9rem;display:grid}.hr-update__body p{color:var(--hr-muted);margin:.2rem 0 0}.hr-update__body span{color:var(--hr-primary-strong);font-weight:700}.hr-update__meta{color:var(--hr-muted);flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}.hr-toast{z-index:1;color:#fff;background:#3b82f6;border:1px solid #16a34a59;border-radius:999px;padding:.75rem 1.2rem;font-weight:700;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #0f172a2e}.hr-toast--error{color:#991b1b;background:#ef44441f;border-color:#ef444459;align-items:center;gap:.45rem;display:inline-flex}.hr-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#0f172a59;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}body.hr-modal-lock{overflow:hidden}.hr-modal-card{border:1px solid var(--hr-border);background:#fff;border-radius:20px;flex-direction:column;gap:1rem;width:min(640px,96%);max-height:calc(100vh - 2rem);padding:1.25rem 1.35rem;display:flex;overflow:hidden;box-shadow:0 30px 80px #0f172a40}.hr-modal-card--wide{width:min(920px,98%);max-height:calc(100vh - 2rem)}.hr-modal-card--action{width:min(760px,96%);overflow:hidden}.hr-modal-card--action .hr-modal__body{padding-right:.2rem}.hr-modal-card--action .hr-change-list{max-height:none;padding-right:0;overflow:visible}.hr-modal-backdrop--confirm{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 15% 20%,#f871711f,#0000 28%),radial-gradient(circle at 85% 15%,#fbbf241f,#0000 24%),#0f172a73}.hr-modal-card--confirm{background:linear-gradient(#fff,#f8fafc);border-radius:24px;width:min(560px,96%);padding:1.35rem 1.45rem;box-shadow:0 30px 90px #0f172a47}.hr-confirm-head{align-items:center;gap:.85rem;display:flex}.hr-confirm-head h3{color:var(--hr-ink);margin:.15rem 0 .2rem;font-size:1.55rem}.hr-confirm-head small{color:var(--hr-muted);line-height:1.45}.hr-confirm-icon{color:#dc2626;background:linear-gradient(135deg,#ef444424,#f871713d);border-radius:18px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;box-shadow:inset 0 1px #ffffff80}.hr-confirm-note{color:#991b1b;background:linear-gradient(135deg,#fef2f2f5,#fff7edf5);border:1px solid #ef444429;border-radius:16px;padding:.85rem .95rem;font-weight:700}.hr-logout-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 20% 20%,#3b82f626,#0000 32%),radial-gradient(circle at 75% 25%,#10b9811f,#0000 30%),#0f172a73}.hr-modal-card--logout{background:linear-gradient(135deg,#fff 0%,#f8fbff 80%);border-radius:22px;max-width:640px;padding:1.4rem 1.6rem;box-shadow:0 30px 90px #0f172a38}.hr-modal-card--logout h3{margin:.15rem 0 .25rem;font-size:1.6rem}.hr-modal-card--logout small{color:var(--hr-muted)}.hr-modal__chips{gap:.5rem;margin-top:.75rem;display:flex}.hr-btn--pill{border-radius:999px;justify-content:center;min-width:140px}.hr-btn--frost{color:var(--hr-ink);background:#ffffffb3;border:1px solid #94a3b859;box-shadow:inset 0 1px #fff9}.hr-btn--gradient{color:#fff;background:linear-gradient(120deg,#60a5fa,#2563eb);box-shadow:0 16px 35px #3b82f659}.hr-logout-timer{color:#2563eb;font-weight:700}.hr-modal__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.hr-modal__body{flex-direction:column;flex:1;gap:.9rem;min-height:0;padding-right:.35rem;display:flex;overflow-y:auto}.hr-modal__table-scroll{border:1px solid var(--hr-border);background:#fff;border-radius:16px;max-height:58vh;overflow-y:auto}.hr-modal__table-scroll .hr-table{border:none;border-radius:0}.hr-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem 1rem;display:grid}.hr-form-span-full{grid-column:1/-1}.hr-form-grid--compact{margin-top:.75rem}.hr-field--stack{gap:.6rem}.hr-leave-section{border:1px solid var(--hr-border);background:#f8fafc;border-radius:18px;flex-direction:column;gap:.9rem;padding:1rem 1.1rem;display:flex}.hr-leave-section--flat{background:#f8fafc;border-color:#94a3b833}.hr-leave-section__title{color:#2563eb;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:inline-flex}.hr-leave-dot{background:#3b82f6;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 4px #3b82f61f}.hr-select-shell{border:1px solid var(--hr-border);background:#fff;border-radius:12px;align-items:center;gap:.6rem;padding:.6rem .8rem;display:flex;box-shadow:0 10px 25px #0f172a0f}.hr-select-shell--wide{border-radius:14px;padding:.75rem .9rem}.hr-select-shell select{font:inherit;background:0 0;border:none;outline:none;width:100%}.hr-toggle-group{background:#eef2f7;border-radius:12px;gap:.6rem;padding:.3rem;display:flex}.hr-toggle-group--pill{background:#edf2f7;border-radius:14px;padding:.35rem}.hr-toggle-group--flat{background:0 0;gap:.5rem;padding:0}.hr-toggle{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.5rem 1rem;font-weight:700;transition:all .15s}.hr-toggle-group--pill .hr-toggle{text-align:center;background:0 0;border:1px solid #0000;flex:1}.hr-toggle-group--flat .hr-toggle{background:#f8fafc;border:1px solid #94a3b859;padding:.4rem .8rem;font-size:.85rem}.hr-toggle.is-active{color:#fff;background:#2563eb;box-shadow:0 10px 20px #2563eb40}.hr-toggle-group--flat .hr-toggle.is-active{box-shadow:none}.hr-form-grid--leave{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.hr-halfday-panel{background:#f1f5f9;border:1px solid #94a3b840;border-radius:16px;flex-direction:column;gap:.8rem;margin-top:.75rem;padding:.9rem 1rem;display:flex}.hr-halfday-panel__row{color:#334155;justify-content:space-between;align-items:center;gap:1rem;font-weight:700;display:flex}.hr-halfday-card{background:#eef5ff;border:1px solid #94a3b859;border-radius:16px;flex-direction:column;gap:.8rem;margin-top:.75rem;padding:1rem;display:flex}.hr-halfday-header{color:#1f2937;justify-content:space-between;align-items:center;font-weight:700;display:flex}.hr-chip--soft{color:#1d4ed8;background:#2563eb1f}.hr-time-reference{color:#1f2937;background:#fff;border:1px solid #94a3b859;border-radius:12px;align-items:center;gap:.5rem;width:fit-content;padding:.6rem .75rem;font-weight:700;display:flex}.hr-change-list{flex-direction:column;gap:.9rem;max-height:55vh;padding-right:.25rem;display:flex;overflow-y:auto}.hr-change{border:1px solid var(--hr-border);background:#f8fafc;border-radius:14px;flex-direction:column;gap:.5rem;padding:.75rem .9rem;display:flex}.hr-info-card{border:1px solid var(--hr-border);background:#f8fafc;border-radius:16px;flex-flow:column;gap:.85rem;padding:.85rem .95rem;display:flex;box-shadow:0 12px 28px #0f172a1f}.hr-info-card__head{align-items:flex-end;gap:.5rem;display:flex}.hr-info-grid{flex-wrap:nowrap;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;display:grid}.hr-info-field{border:1px solid var(--hr-border);background:#fff;border-radius:12px;flex-direction:column;gap:.35rem;padding:.7rem .8rem;display:flex;box-shadow:inset 0 1px #ffffffe6}.hr-info-field--wide{grid-column:span 2}.hr-info-field p{color:var(--hr-muted);margin:0;font-size:.82rem;font-weight:700}.hr-info-field strong{color:var(--hr-ink);word-break:break-word;font-size:.95rem}.hr-change__meta{color:var(--hr-muted);align-items:center;gap:.6rem;font-size:.85rem;font-weight:700;display:flex}.hr-change__values{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.hr-change__values div{border:1px solid var(--hr-border);background:#fff;border-radius:12px;padding:.65rem .75rem}.hr-change__values p{color:var(--hr-muted);margin:0;font-size:.8rem;font-weight:700}.hr-change__values strong{word-break:break-word}.hr-change__comments{color:var(--hr-muted);margin:0}.hr-modal__actions{justify-content:flex-end;gap:.6rem;display:flex}.hr-modal__actions--inline{flex-wrap:wrap;justify-content:flex-start}.hr-modal__error{color:#b91c1c;margin:.35rem 0 0;font-weight:700}.hr-icon-btn--soft{border-color:var(--hr-border);box-shadow:none;background:#f8fafc}.hr-settings-form{flex-direction:column;gap:1rem;display:flex}.hr-settings-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem;display:grid}.hr-field{color:var(--hr-ink);flex-direction:column;gap:.4rem;font-weight:600;display:flex}.hr-field span{color:var(--hr-muted);font-size:.85rem}.hr-field input,.hr-field select,.hr-field textarea{border:1px solid var(--hr-border);font:inherit;background:#fff;border-radius:12px;padding:.65rem .8rem;box-shadow:0 10px 25px #0f172a0f}.hr-field input:focus,.hr-field select:focus,.hr-field textarea:focus{border-color:var(--primary-red);outline:none;box-shadow:0 0 0 4px #2563eb26}.hr-field input[readonly],.hr-field textarea[readonly]{color:var(--hr-muted);background:#f8fafc}.hr-field textarea{resize:vertical;min-height:110px}.hr-settings-toggle{align-self:flex-start;gap:.35rem}.hr-settings-alert{border-radius:12px;align-items:center;gap:.45rem;padding:.65rem .9rem;font-weight:700;display:inline-flex}.hr-settings-alert--error{color:#991b1b;background:#ef44441f;border:1px solid #ef444459}.hr-settings-alert--success{color:#14532d;background:#16a34a1f;border:1px solid #16a34a59}.hr-settings-actions{justify-content:flex-start;display:flex}@keyframes floatIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hr-mobile-header{display:none}@media (width<=1100px){.hr-grid,.hr-grid--split{grid-template-columns:1fr}}@media (width<=992px){.hr-mobile-header{color:#fff;z-index:1001;box-sizing:border-box;background:#0b1224;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:60px;padding:0 1.25rem;display:flex;position:sticky;top:0}.hr-mobile-toggle{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.25rem;transition:background .2s;display:flex}.hr-mobile-toggle:hover{background:#ffffff26}.hr-portal{flex-direction:column}.hr-portal__sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%);z-index:1000!important;top:60px!important;left:0!important;background:linear-gradient(#0b1224,#0d1326 45%,#111827)!important;width:260px!important;height:calc(100vh - 60px)!important;position:fixed!important;inset:auto!important;box-shadow:10px 0 35px #0f172a26!important}.hr-portal__sidebar.is-open{transform:translate(0)!important}.hr-portal__main{box-sizing:border-box;width:100%!important;padding:1.25rem!important}}@media (width<=640px){.hr-header{flex-direction:column;align-items:flex-start}.hr-header__actions{flex-wrap:wrap;width:100%}.hr-roster-location-filter{flex-basis:100%;width:100%;min-width:0}.hr-table__head,.hr-table__row{grid-template-columns:1fr;align-items:flex-start}.hr-cell--actions{justify-content:flex-start}.hr-update{grid-template-columns:1fr}}.hr-dashboard__cta{background:#f8fafce6;border-radius:20px;justify-content:center;width:100%;height:20%;margin-top:1.5rem;padding:.7rem 1rem;font-size:1.1rem;box-shadow:0 12px 30px #0f172a14}.hr-dashboard__cta:hover{color:#000;background-color:#fff;transform:translateY(-1px)}.hr-today-card__header small{color:var(--hr-muted);font-weight:600}.hr-today-card__metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.9rem;margin-top:.4rem;display:grid}.hr-today-card__metric{border:1px solid var(--hr-border);background:#fff;border-radius:16px;flex-direction:column;gap:.25rem;padding:.85rem 1rem;display:flex;box-shadow:0 18px 35px #0f172a14}.hr-today-card__metric p{color:var(--hr-muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.72rem;font-weight:700}.hr-today-card__metric strong{color:var(--hr-ink);font-size:2.1rem}.hr-table--visits .hr-table__head,.hr-table--visits .hr-table__row{grid-template-columns:1.45fr 1.1fr .9fr .8fr 1.8fr;min-width:1120px}.hr-table--visits{margin-top:1rem;overflow-x:auto}.hr-panel--full{width:100%}.hr-table--visits .hr-table__row{align-items:center}.hr-table--visits .hr-cell{justify-content:center}.hr-table--visits .hr-cell:first-child,.hr-table--visits .hr-cell:nth-child(2){justify-content:flex-start}.hr-table--visits .hr-cell--actions{flex-flow:row;justify-content:flex-end;align-items:center;gap:.45rem}.hr-table--visits .hr-btn--sm{white-space:nowrap;justify-content:center;min-width:0;padding:.38rem .78rem}.hr-table--visits .hr-cell--actions .hr-btn{flex:none;width:auto}.hr-table--visits .hr-pill{width:fit-content;max-width:max-content}.hr-table--visit-titles .hr-table__head,.hr-table--visit-titles .hr-table__row{grid-template-columns:1.85fr .7fr .85fr .85fr 1.9fr;min-width:980px}.hr-table--visit-titles{overflow:auto hidden}.hr-table--visit-titles .hr-table__head span:nth-child(2),.hr-table--visit-titles .hr-table__head span:nth-child(3),.hr-table--visit-titles .hr-table__head span:nth-child(4),.hr-table--visit-titles .hr-table__row .hr-cell:nth-child(2),.hr-table--visit-titles .hr-table__row .hr-cell:nth-child(3),.hr-table--visit-titles .hr-table__row .hr-cell:nth-child(4){text-align:center;align-items:center}.hr-table--visit-titles .hr-cell--actions{flex-wrap:nowrap;justify-content:flex-start;gap:.4rem}.hr-table--visit-titles .hr-btn--sm{white-space:nowrap}.hr-modal__table-scroll--visit-titles{overflow:auto}.hr-mail-selector{background:#5b9bff0d;border:1px dashed #5b9bff4d;border-radius:12px;margin-bottom:1rem;padding:1rem}.hr-mail-chips{flex-wrap:wrap;gap:.5rem;min-height:24px;margin-bottom:.75rem;display:flex}.hr-mail-chip{border:1px solid var(--hr-border);color:var(--hr-ink);background:#fff;border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 2px 5px #0000000d}.hr-mail-chip button{color:var(--hr-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex}.hr-mail-chip button:hover{color:var(--hr-danger)}.hr-mail-search-box{gap:.5rem;display:flex}.hr-mail-input-wrapper{flex:1;position:relative}.hr-mail-input{border:1px solid var(--hr-border);background:#fff;border-radius:12px;width:100%;padding:.65rem .9rem;font-size:.9rem;transition:all .2s}.hr-mail-input:focus{border-color:var(--hr-primary);outline:none;box-shadow:0 0 0 4px #5b9bff26}.hr-mail-dropdown{border:1px solid var(--hr-border);z-index:100;background:#fff;border-radius:12px;max-height:220px;animation:.2s slideDown;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 40px #0f172a26}.hr-mail-option{text-align:left;width:100%;color:var(--hr-ink);cursor:pointer;background:0 0;border:none;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:background .15s;display:block}.hr-mail-option--detailed{border-bottom:1px solid #00000008;justify-content:space-between;align-items:center;padding:.65rem 1rem;display:flex}.hr-mail-option--detailed:last-child{border-bottom:none}.hr-mail-option__info{flex-direction:column;gap:.05rem;min-width:0;display:flex}.hr-mail-option__info strong{color:var(--hr-ink);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.hr-mail-option__info small{color:var(--hr-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.hr-mail-option__tag{text-transform:uppercase;color:#3b82f6;background:#3b82f614;border-radius:6px;flex-shrink:0;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.hr-mail-option:hover{background:#5b9bff14}.hr-mail-option--empty{color:var(--hr-muted);cursor:default;text-align:center;padding:1rem;font-style:italic}.hr-mail-option--hint{border-top:1px solid var(--hr-border);color:var(--hr-success);background:#22c55e0d;padding:.75rem 1rem;font-size:.85rem}.hr-mail-option--hint strong{color:#0d1326;margin-left:.25rem;text-decoration:underline}.hr-leave-attachment-tag{color:#1d4ed8;margin-top:.4rem;font-weight:700;display:inline-flex}.hr-document-panel{background:linear-gradient(135deg,#eff6fff2,#f8fafcf2);border:1px solid #5b9bff2e;border-radius:18px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1rem 1.1rem;display:flex}.hr-document-panel--muted{border-color:var(--hr-border);background:#f8fafc}.hr-document-panel--muted p{color:var(--hr-muted);margin:0;font-weight:600}.hr-document-panel__meta p{color:var(--hr-muted);margin:0 0 .2rem;font-size:.82rem;font-weight:700}.hr-document-panel__meta strong{color:var(--hr-ink)}.hr-document-list{flex-direction:column;gap:.75rem;width:100%;display:flex}.hr-document-item{background:linear-gradient(#fffffff5,#f8fafceb);border:1px solid #94a3b82e;border-radius:20px;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 1.1rem;display:flex;box-shadow:0 18px 38px #94a3b814}.hr-document-item__meta{align-items:center;gap:.85rem;min-width:0;display:flex}.hr-document-item__meta>div{min-width:0}.hr-document-item__icon{color:#1d4ed8;background:linear-gradient(135deg,#3b82f624,#60a5fa33);border-radius:18px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.hr-document-item__meta p{color:var(--hr-muted);margin:0 0 .2rem;font-size:.82rem;font-weight:700}.hr-document-item__meta strong{color:var(--hr-ink);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.98rem;line-height:1.35;display:block;overflow:hidden}.hr-document-item__actions{flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.85rem;display:flex}.hr-btn--document{min-width:130px;box-shadow:none;border-radius:16px;justify-content:center;padding:.72rem 1rem}.hr-btn--document.hr-btn--ghost{color:#64748b;background:#f8fafc;border:1px solid #cbd5e1f2}.hr-btn--document.hr-btn--primary{box-shadow:0 12px 28px #3b82f638}.hr-modal-backdrop--preview{z-index:60;background:#0f172a8c}.hr-modal-card--preview{width:min(1100px,98%);padding:1.2rem}.hr-preview-shell{background:linear-gradient(#f8fafcf5,#fffffffa),radial-gradient(circle at 0 0,#60a5fa1f,#0000 40%);border:1px solid #94a3b833;border-radius:18px;justify-content:center;align-items:center;min-height:min(70vh,720px);max-height:72vh;display:flex;overflow:hidden}.hr-preview-frame{background:#fff;border:none;width:100%;height:min(72vh,720px)}.hr-preview-image{-o-object-fit:contain;object-fit:contain;background:#fff;max-width:100%;max-height:min(72vh,720px);display:block}.hr-preview-empty{text-align:center;width:100%;max-width:420px;color:var(--hr-muted);flex-direction:column;align-items:center;gap:.75rem;padding:2rem;display:flex}.hr-preview-empty__icon{color:#1d4ed8;background:#3b82f61f;border-radius:18px;place-items:center;width:54px;height:54px;display:grid}@media (width<=720px){.hr-document-item{flex-direction:column;align-items:stretch}.hr-document-item__actions{width:100%}.hr-document-item__actions .hr-btn{flex:auto;justify-content:center}.hr-modal-card--preview{width:100%;padding:1rem}.hr-preview-shell,.hr-preview-frame,.hr-preview-image{min-height:52vh;max-height:60vh}}.hr-tabs{border:1px solid var(--hr-border);background:#94a3b814;border-radius:12px;width:fit-content;margin-bottom:.5rem;padding:4px;display:flex}.hr-tabs__btn{color:var(--hr-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .25s;display:flex}.hr-tabs__btn:hover{color:var(--hr-ink);background:#94a3b80a}.hr-tabs__btn.is-active{color:var(--hr-primary-strong);background:#fff;box-shadow:0 4px 12px #0f172a14}.hr-tabs--compact .hr-tabs__btn{padding:.4rem 1rem;font-size:.85rem}.input-shell{flex-direction:column;gap:.45rem;display:flex}.input-shell span{color:var(--hr-muted);text-transform:uppercase;letter-spacing:.08em;margin-left:.25rem;font-size:.75rem;font-weight:800}.input-shell input,.input-shell select{border:1.5px solid var(--hr-border);color:var(--hr-ink);background:#fff;border-radius:14px;outline:none;padding:.75rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0f172a08,inset 0 1px #ffffff80}.input-shell select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;background-size:1.1rem;padding-right:2.5rem}.input-shell input:focus,.input-shell select:focus{border-color:var(--hr-primary-strong);transform:translateY(-1px);box-shadow:0 0 0 4px #2563eb1f,0 10px 25px #2563eb14}.input-shell input:hover,.input-shell select:hover{border-color:#cbd5e1}.hr-custom-select{width:100%;position:relative}.hr-custom-select__trigger{border:1.5px solid var(--hr-border);cursor:pointer;color:var(--hr-ink);white-space:nowrap;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;height:46px;padding:0 1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #0f172a08}.hr-custom-select__trigger:hover{border-color:#cbd5e1}.hr-custom-select__trigger.is-open{border-color:var(--hr-primary-strong);box-shadow:0 0 0 4px #2563eb1f}.hr-custom-select__menu{border:1px solid var(--hr-border);z-index:1000;background:#fff;border-radius:12px;flex-direction:column;max-height:280px;animation:.2s ease-out selectFadeIn;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 15px 45px #0f172a2e}@keyframes selectFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hr-custom-select__options{flex:1;overflow-y:auto}.hr-custom-select__option{cursor:pointer;background:#fff;border-bottom:1px solid #94a3b814;justify-content:space-between;align-items:center;width:100%;padding:.85rem 1.25rem;transition:all .2s;display:flex}.hr-custom-select__option:last-child{border-bottom:none}.hr-custom-select__option:hover{background:#f8fafc}.hr-custom-select__option.is-selected{color:var(--hr-primary-strong);background:#2563eb0d}.hr-custom-select__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hr-custom-select__option strong{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;line-height:1.3;display:block;overflow:hidden}.hr-custom-select__option small{color:var(--hr-muted);font-size:.78rem;font-weight:500;display:block}.hr-custom-select__arrow{border-right:2px solid var(--hr-muted);border-bottom:2px solid var(--hr-muted);flex-shrink:0;width:10px;height:10px;margin-left:10px;transition:transform .2s;transform:translateY(-2px)rotate(45deg)}.hr-custom-select__trigger.is-open .hr-custom-select__arrow{transform:translateY(2px)rotate(-135deg)}.hr-drawer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a66;justify-content:flex-end;align-items:stretch;animation:.25s ease-out hr-fade-in;display:flex;position:fixed;inset:0}.hr-drawer-card{border-left:1px solid var(--hr-border);background:#fff;border-radius:24px 0 0 24px;flex-direction:column;width:min(580px,100vw);height:100vh;margin:0;animation:.3s cubic-bezier(.16,1,.3,1) hr-slide-in;display:flex;overflow:hidden;box-shadow:-15px 0 45px #0f172a1f}@keyframes hr-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hr-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.hr-drawer__header{border-bottom:1px solid var(--hr-border);background:#f8fafc;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;display:flex}.hr-drawer__header h3{color:var(--hr-ink);margin:.2rem 0 0;font-size:1.35rem;font-weight:700}.hr-drawer__header .eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--hr-muted);margin:0;font-size:.75rem;font-weight:700}.hr-drawer__body{flex-direction:column;flex:1;gap:1.25rem;min-height:0;padding:1.5rem 1.75rem;display:flex;overflow-y:auto}.hr-drawer-form{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.hr-drawer-form .hr-field{flex-direction:column;gap:.5rem;display:flex}.hr-drawer-form .hr-field span{color:var(--hr-ink);font-size:.85rem;font-weight:700}.hr-drawer-form input[type=text],.hr-drawer-form textarea{border:1px solid var(--hr-border);background:#f8fafc;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.92rem;transition:all .2s}.hr-drawer-form input[type=text]:focus,.hr-drawer-form textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.hr-drawer-form textarea{resize:none;flex:1;min-height:250px}.hr-drawer__footer{border-top:1px solid var(--hr-border);background:#f8fafc;justify-content:flex-end;align-items:center;gap:.75rem;padding:1.25rem 1.75rem;display:flex}@media (width<=640px){.hr-drawer-card{border-radius:0;width:100vw}}@media (height<=660px){.hr-drawer__body{gap:.85rem;padding:1rem 1.25rem}.hr-drawer-form textarea{min-height:120px!important}}.apply-shell{background:#f5f9ff;flex-direction:column;gap:2rem;min-height:100vh;padding:2rem clamp(1rem,3vw,4rem);display:flex}.apply-card{background:#fff;border-radius:24px;padding:clamp(1.5rem,2vw,2.5rem);box-shadow:0 40px 80px #0f172a0f}.apply-card h2{color:#1f1f1f;margin-bottom:1.5rem;font-size:1.4rem}.form-stack{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.75rem;display:flex}.label{color:#0f172a;font-size:.95rem;font-weight:600}.option-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.option-pill{text-align:left;cursor:pointer;background:#fff;border:2px solid #f1f2f5;border-radius:20px;align-items:center;gap:.75rem;padding:1rem;transition:border .2s,background .2s;display:flex}.option-pill:hover{border-color:#3b82f659}.option-pill.is-active{background:#e9f2ff;border-color:#3b82f6}.option-icon{background:#bfdbfe80;border-radius:16px;place-items:center;width:48px;height:48px;font-size:1.3rem;display:grid}.option-title{margin-bottom:.15rem;font-weight:600;display:block}.date-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.field{background:#fff;border:1px solid #e4e6eb;border-radius:14px;width:100%;padding:.85rem 1rem;font-size:1rem}.field:focus{border-color:#0000;outline:2px solid #3b82f6}.cc-email-select{padding-bottom:.5rem;position:relative}.cc-email-dropdown{z-index:20;background:#fff;border:1px solid #94a3b859;border-radius:14px;max-height:220px;padding:.45rem;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 45px #0f172a2e}.cc-email-option{text-align:left;cursor:pointer;width:100%;font:inherit;color:#0f172a;background:#f8fafc;border:none;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.cc-email-option+.cc-email-option{margin-top:.45rem}.cc-email-option:hover{background:#eef2ff}.cc-email-option strong{display:block}.cc-email-option span{color:#2563eb;font-weight:700}.cc-email-empty{color:#64748b;padding:.6rem .75rem;font-weight:600}.totals{color:#64748b;font-size:.9rem}.primary-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:16px;margin-top:.5rem;padding:1rem;font-size:1.05rem;transition:transform .15s,box-shadow .15s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 18px 30px #3b82f640}.field-hint{color:#1f2937;text-align:right;margin-top:.35rem;font-size:.9rem;font-weight:700;display:block}.field-hint.is-warning{color:#b91c1c}.label-optional{color:#64748b;font-weight:500}.attachment-hint{color:#64748b;font-size:.88rem}.attachment-native{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.attachment-dropzone{cursor:pointer;background:radial-gradient(circle at 0 0,#60a5fa2e,#0000 45%),linear-gradient(#fffffff5,#eff6ffe0);border:1.5px dashed #bfdbfe;border-radius:20px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.attachment-dropzone:hover{border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 16px 32px #3b82f61f}.attachment-dropzone.is-disabled{cursor:not-allowed;opacity:.72;box-shadow:none;transform:none}.attachment-dropzone__lead{align-items:center;gap:.95rem;min-width:0;display:flex}.attachment-dropzone__icon{color:#2563eb;background:#3b82f61f;border-radius:15px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.attachment-dropzone__copy{flex-direction:column;gap:.2rem;min-width:0;display:flex}.attachment-dropzone__copy strong{color:#0f172a;font-size:.98rem}.attachment-dropzone__copy small{color:#64748b;font-size:.84rem}.attachment-dropzone__cta{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #60a5fa73;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:.7rem 1rem;font-weight:700;display:inline-flex}.attachment-list{flex-direction:column;gap:.65rem;display:flex}.attachment-card{background:linear-gradient(#f8fbff,#eff6ff);border:1px solid #dbeafe;border-radius:16px;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.attachment-card__meta{align-items:center;gap:.8rem;min-width:0;display:flex}.attachment-card__icon{color:#2563eb;background:#3b82f61f;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.attachment-card strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.attachment-card small{color:#64748b}.attachment-card__remove{color:#334155;cursor:pointer;background:#fff;border:1px solid #94a3b866;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;transition:background .2s,color .2s,border-color .2s;display:grid}.attachment-card__remove:hover{color:#1d4ed8;background:#eff6ff;border-color:#60a5fa80}@media (width>=900px){.apply-shell{flex-direction:row}.apply-card{flex:1}}@media (width<=640px){.attachment-dropzone{flex-direction:column;align-items:stretch}.attachment-dropzone__cta{width:100%}.attachment-card{align-items:flex-start}}.hr-reports__sub{color:var(--hr-muted);margin:.35rem 0 0;font-weight:600}.hr-reports__summary{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;display:grid}.hr-reports__summary-card{background:var(--hr-card);border:1px solid var(--hr-border);border-radius:20px;flex-direction:column;gap:1rem;padding:1.2rem 1.35rem;display:flex;box-shadow:0 22px 60px #0f172a14}.hr-reports__summary-card--accent{background:linear-gradient(135deg,#5b9bff24,#22c5eb14),#fff;border-color:#3b82f640}.hr-reports__summary-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.hr-reports__summary-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.7rem;display:grid}.hr-reports__summary-item{border:1px solid var(--hr-border);color:var(--hr-ink);background:#f8fafc;border-radius:14px;flex-direction:column;gap:.3rem;padding:.8rem .9rem;font-weight:700;display:flex}.hr-reports__summary-item span{color:var(--hr-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.hr-reports__summary-list{gap:.65rem;display:grid}.hr-reports__summary-list div{color:var(--hr-ink);justify-content:space-between;font-weight:700;display:flex}.hr-reports__summary-list span{color:var(--hr-muted);font-weight:600}.hr-reports__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.hr-reports__grid--compact{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.report-card{background:var(--hr-card);border:1px solid var(--hr-border);border-radius:22px;flex-direction:column;gap:1rem;padding:1.25rem 1.35rem;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 55px #0f172a14}.report-card:after{content:"";pointer-events:none;background:radial-gradient(circle at 85% -10%,#5b9bff26,#0000 45%);position:absolute;inset:0}.report-card__header{justify-content:space-between;gap:1rem;display:flex}.report-card__header h3{margin:.35rem 0 .2rem}.report-card__header small{color:var(--hr-muted);font-weight:600}.report-badge{border:1px solid var(--hr-border);color:var(--hr-muted);background:#0f172a0f;border-radius:999px;align-self:flex-start;padding:.35rem .65rem;font-size:.7rem;font-weight:700}.report-form{gap:.75rem;display:grid}.report-form--grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.report-form label{color:var(--hr-muted);text-transform:uppercase;letter-spacing:.06em;flex-direction:column;gap:.45rem;font-size:.75rem;font-weight:700;display:flex}.report-form input{border:1px solid var(--hr-border);font:inherit;color:var(--hr-ink);text-transform:none;letter-spacing:normal;background:#fff;border-radius:12px;padding:.6rem .75rem;font-weight:600}.report-form input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb26}.report-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.report-preview{border:1px dashed var(--hr-border);background:#f8fafc;border-radius:16px;flex-direction:column;gap:.75rem;padding:.85rem .95rem;display:flex}.report-preview__header{color:var(--hr-muted);justify-content:space-between;align-items:center;font-weight:700;display:flex}.report-preview__table{gap:.65rem;display:grid}.report-preview__row{border:1px solid var(--hr-border);background:#fff;border-radius:12px;justify-content:space-between;gap:1rem;padding:.6rem .75rem;font-weight:600;display:flex}.report-preview__row strong{color:var(--hr-ink);display:block}.report-preview__row small{color:var(--hr-muted)}.report-preview__foot{text-align:center;color:var(--hr-muted);font-size:.8rem}.report-preview__empty{color:var(--hr-muted);font-weight:600}.report-preview__stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.7rem;display:grid}.report-preview__stats div{border:1px solid var(--hr-border);background:#fff;border-radius:12px;flex-direction:column;gap:.3rem;padding:.6rem .7rem;font-weight:700;display:flex}.report-preview__stats span{color:var(--hr-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.report-preview__json{color:#f8fafc;background:#0f172a;border-radius:12px;max-height:200px;padding:.75rem;font-size:.75rem;overflow:auto}.report-preview__note{color:var(--hr-muted);font-size:.8rem;font-weight:600}.report-preview__kv{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem;display:grid}.report-preview__kv-item{border:1px solid var(--hr-border);background:#fff;border-radius:12px;flex-direction:column;gap:.35rem;padding:.6rem .7rem;display:flex}.report-preview__kv-item span{color:var(--hr-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.report-preview__kv-item strong{color:var(--hr-ink);word-break:break-word;font-size:.95rem;font-weight:700;line-height:1.3}.report-error{color:#b91c1c;margin:0;font-weight:700}@media (width<=900px){.report-card__header{flex-direction:column}.report-badge{align-self:flex-start}}.employee-select{position:relative}.employee-select input{width:100%}.employee-select__list{z-index:20;border:1px solid var(--hr-border);background:#fff;border-radius:12px;max-height:220px;padding:.35rem;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 45px #0f172a2e}.employee-select__option{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--hr-ink);background:#f8fafc;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .65rem;display:flex}.employee-select__option+.employee-select__option{margin-top:.4rem}.employee-select__option:hover{background:#eef2ff}.employee-select__option strong{display:block}.employee-select__option small{color:var(--hr-muted)}.employee-select__option span{color:var(--hr-primary-strong);font-weight:700}.employee-select__empty{color:var(--hr-muted);padding:.6rem .75rem;font-weight:600}.employee-select__hint{color:var(--hr-muted);text-transform:none;letter-spacing:normal;font-size:.75rem}.hr-reports__summary-stack{flex-direction:column;gap:.8rem;display:flex}.hr-reports__summary-grid--secondary{border:1px dashed var(--hr-border);background:#f8fafc;border-radius:14px;padding:.6rem}.hr-reports__summary-metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.9rem;display:grid}.hr-reports__summary-metric{border:1px solid var(--hr-border);background:#fff;border-radius:16px;flex-direction:column;gap:.25rem;padding:.85rem 1rem;display:flex;box-shadow:0 18px 35px #0f172a14}.hr-reports__summary-metric p{color:var(--hr-muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.72rem;font-weight:700}.hr-reports__summary-metric strong{color:var(--hr-ink);font-size:2.1rem}.hr-reports__summary-cta{background:#ffffffb3;border-radius:999px;justify-content:center;width:100%;padding:.7rem 1rem;font-size:.95rem;box-shadow:0 12px 30px #0f172a14}.admin-attendance-page{background:#f8fafc;flex-direction:column;min-height:100vh;display:flex}.admin-header{color:#fff;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:0 0 40px 40px;justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex;box-shadow:0 20px 40px #0000001a;padding:1.5rem 2.5rem 3rem!important}.admin-header h1{margin-top:.25rem;font-size:2rem;color:#fff!important}.header-subtitle{color:#94a3b8;font-weight:500}.header-left{align-items:center;gap:1.5rem;display:flex}.header-actions{align-items:center;gap:1.25rem;display:flex}.date-selector{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;align-items:center;gap:.75rem;padding:.65rem 1rem;transition:all .2s;display:flex}.date-selector:focus-within{background:#ffffff26;border-color:#3b82f6}.date-selector input{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-weight:600}.date-selector input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert()}.admin-content-grid{z-index:20;flex-direction:column;gap:2rem;margin-top:-3.5rem;padding:0 2.5rem 2.5rem;display:flex;position:relative}.stats-row{grid-template-columns:repeat(5,1fr);gap:1.25rem;display:grid}.stat-card{box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;background:#fff;border:2px solid #0000;border-radius:20px;align-items:center;gap:1.15rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.stat-card.active{background:rgba(var(--stat-rgb), .05);border-color:currentColor}.stat-icon{border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.stat-info h3{margin:0;font-size:1.75rem;font-weight:800;line-height:1}.stat-info p{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem;font-weight:600}.stat-green{color:#16a34a;--stat-rgb:22, 163, 74}.stat-green .stat-icon{color:#16a34a;background:#dcfce7}.stat-yellow{color:#d97706;--stat-rgb:217, 119, 6}.stat-yellow .stat-icon{color:#d97706;background:#fef3c7}.stat-blue{color:#2563eb;--stat-rgb:37, 99, 235}.stat-blue .stat-icon{color:#2563eb;background:#dbeafe}.stat-purple{color:#9333ea;--stat-rgb:147, 51, 234}.stat-purple .stat-icon{color:#9333ea;background:#f3e8ff}.stat-red{color:#dc2626;--stat-rgb:220, 38, 38}.stat-red .stat-icon{color:#dc2626;background:#fee2e2}.main-display-area{grid-template-columns:450px 1fr;gap:2rem;height:65vh;display:grid}.employee-list-panel,.map-view-panel{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #0000000d;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.panel-header,.map-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.search-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:.5rem;max-width:250px;padding:.5rem 1rem;display:flex}.search-box input{background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.875rem}.list-container{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.employee-attendance-item{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:16px;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.employee-attendance-item:hover{background:#f8fafc;border-color:#e2e8f0;transform:translate(4px)}.emp-avatar{color:#fff;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.125rem;font-weight:700;display:grid}.emp-info{flex:1}.emp-header{justify-content:space-between;align-items:flex-start;display:flex}.emp-header h4{color:var(--text-main);margin-bottom:.25rem;font-size:1rem}.emp-code{color:var(--text-secondary);font-size:.75rem;font-weight:600}.status-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.25rem .6rem;font-size:.65rem;font-weight:700}.tag-present{color:#16a34a;background:#dcfce7}.tag-present-late{color:#d97706;background:#fef3c7}.tag-absent{color:#dc2626;background:#fee2e2}.tag-on-leave{color:#2563eb;background:#dbeafe}.tag-on-visit{color:#9333ea;background:#f3e8ff}.punch-times{color:#64748b;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;font-size:.75rem;font-weight:600;display:flex}.punch-times span{align-items:center;gap:.25rem;display:flex}.address-snippet{white-space:nowrap;text-overflow:ellipsis;max-width:150px;display:inline-block;overflow:hidden}.map-view-panel{flex:1}.map-header{gap:.75rem;justify-content:flex-start!important}.map-header h3{flex:1;font-size:1.125rem}.live-status{color:#16a34a;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.pulse-dot{background:#16a34a;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #16a34ab3}70%{transform:scale(1);box-shadow:0 0 0 6px #16a34a00}to{transform:scale(.95);box-shadow:0 0 #16a34a00}}.map-container-placeholder{background:#f1f5f9;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.placeholder-content{text-align:center;color:#94a3b8}.placeholder-content h3{color:#64748b;margin-bottom:.5rem}@media (width<=1200px){.stats-row{grid-template-columns:repeat(3,1fr)}.main-display-area{grid-template-columns:1fr;height:auto}.employee-list-panel,.map-view-panel{height:500px}}@media (width<=768px){.stats-row{grid-template-columns:repeat(2,1fr)}}.hdd-main{background:radial-gradient(circle at 0 0,#3b82f629,#0000 34%),linear-gradient(#eff6ff 0%,#f8fafc 38% 100%);padding:0;overflow:auto}.hdd-shell{flex-direction:column;gap:1.1rem;min-height:100%;padding:1.4rem;display:flex}.hdd-hero,.hdd-info-bar,.hdd-filter-card,.hdd-table-card{background:#fffffff0;border:1px solid #94a3b82e;border-radius:24px;box-shadow:0 22px 42px #0f172a14}.hdd-hero{color:#fff;background:linear-gradient(135deg,#0f172af5,#2563ebeb),#0f172a;justify-content:space-between;align-items:flex-start;gap:1.2rem;padding:1.4rem 1.5rem;display:flex}.hdd-hero h1{color:#fff;margin:.2rem 0 .35rem;font-size:1.9rem;line-height:1.1}.hdd-hero__copy{color:#ffffffc7;max-width:58ch;margin:0}.hdd-hero__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.7rem;display:flex}.hdd-session-pill{color:#dbeafe;background:#ffffff24;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.82rem;font-weight:700;display:inline-flex}.hdd-info-bar{color:#475569;justify-content:space-between;align-items:center;gap:.8rem;padding:.85rem 1.2rem;font-size:.86rem;display:flex}.hdd-info-bar strong{color:#0f172a}.hdd-filter-card,.hdd-table-card{padding:1.2rem}.hdd-filter-grid{grid-template-columns:minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.35fr) minmax(0,1fr);gap:1rem;display:grid}.hdd-field{flex-direction:column;gap:.45rem;display:flex}.hdd-field>span{letter-spacing:.06em;color:#475569;text-transform:uppercase;font-size:.76rem;font-weight:800}.hdd-input-shell{color:#475569;background:#f8fafc;border:1px solid #dbe4f1;border-radius:16px;align-items:center;gap:.55rem;min-height:48px;padding:0 .9rem;display:flex}.hdd-input-shell input,.hdd-input-shell--button,.hdd-select-label{color:#0f172a;width:100%;font:inherit}.hdd-input-shell input{color:#0f172a;width:100%;font:inherit;background:0 0;border:0;outline:none}.hdd-input-shell--button{appearance:none;cursor:pointer;text-align:left;background:#f8fafc;outline:none}.hdd-select-shell{position:relative}.hdd-select-shell.is-open .hdd-input-shell--button,.hdd-input-shell--button:focus-visible{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.hdd-select-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.hdd-select-chevron{color:#64748b;flex-shrink:0;transition:transform .2s,color .2s}.hdd-select-shell.is-open .hdd-select-chevron{color:#2563eb;transform:rotate(180deg)}.hdd-select-menu{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border:1px solid #94a3b838;border-radius:18px;flex-direction:column;gap:.2rem;max-height:280px;padding:.45rem;display:flex;position:absolute;top:calc(100% + .55rem);left:0;right:0;overflow:auto;box-shadow:0 24px 48px #0f172a29}.hdd-select-option{color:#334155;cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:.8rem;padding:.78rem .85rem;font-size:.92rem;font-weight:700;transition:background .18s,color .18s,transform .18s;display:flex}.hdd-select-option:hover{color:#1d4ed8;background:#eff6ff;transform:translate(2px)}.hdd-select-option.is-active{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.hdd-select-option.is-active svg{color:#bfdbfe}.hdd-input-shell:focus-within{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.hdd-field--search{grid-column:span 1}.hdd-filter-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.hr-alert{border-radius:16px;align-items:center;gap:.65rem;padding:.85rem 1rem;font-size:.9rem;font-weight:700;display:flex}.hr-alert--error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.hdd-section-head{justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.9rem;display:flex}.hdd-section-head h2{color:#0f172a;margin:0;font-size:1rem}.hdd-section-head small,.hdd-table-meta{color:#64748b;font-size:.82rem}.hdd-table-meta{flex-wrap:wrap;gap:.75rem;display:flex}.hdd-tabs{flex-wrap:wrap;gap:.65rem;display:flex}.hdd-tab{color:#334155;cursor:pointer;font:inherit;background:#fff;border:1px solid #d6e0ee;border-radius:999px;padding:.65rem 1rem;font-size:.88rem;font-weight:700;transition:all .2s}.hdd-tab:hover{color:#1d4ed8;border-color:#3b82f6}.hdd-tab.is-active{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#0000}.hdd-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.9rem;display:grid}.hdd-stat-card{color:#0f172a;cursor:pointer;text-align:left;background:#ffffffeb;border:1px solid #94a3b82e;border-radius:22px;padding:1rem 1.05rem;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 18px 34px #0f172a14}.hdd-stat-card:hover{transform:translateY(-3px);box-shadow:0 22px 36px #0f172a1f}.hdd-stat-card strong{margin-bottom:.35rem;font-size:1.8rem;line-height:1;display:block}.hdd-stat-card span{color:#475569;font-size:.88rem;font-weight:700}.hdd-stat-card.is-active{background:linear-gradient(#fff,#f8fbff);border-color:#0f172a}.hdd-stat-card--ontime strong{color:#15803d}.hdd-stat-card--late strong{color:#c2410c}.hdd-stat-card--visit strong{color:#1d4ed8}.hdd-stat-card--leave strong{color:#7c3aed}.hdd-stat-card--other strong{color:#b91c1c}.hdd-table-wrap{border:1px solid #e2e8f0;border-radius:18px;overflow:auto}.hdd-table{border-collapse:collapse;background:#fff;width:100%;min-width:900px}.hdd-table th,.hdd-table td{text-align:left;vertical-align:top;border-bottom:1px solid #edf2f7;padding:.95rem .9rem}.hdd-table th{z-index:1;color:#334155;letter-spacing:.05em;text-transform:uppercase;background:#f8fafc;font-size:.78rem;font-weight:800;position:sticky;top:0}.hdd-table tbody tr:hover{background:#f8fbff}.hdd-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:800;display:inline-flex}.hdd-badge--ontime{color:#166534;background:#dcfce7}.hdd-badge--late{color:#9a3412;background:#ffedd5}.hdd-badge--visit{color:#1d4ed8;background:#dbeafe}.hdd-badge--leave{color:#6d28d9;background:#ede9fe}.hdd-badge--other{color:#b91c1c;background:#fee2e2}.hdd-employee-cell{min-width:180px}.hdd-employee-cell strong{color:#0f172a;display:block}.hdd-employee-cell small{color:#64748b;align-items:center;margin-top:.18rem;font-size:.8rem;font-weight:700;display:inline-flex}.hdd-late-stack,.hdd-detail-cell{flex-direction:column;gap:.18rem;display:flex}.hdd-late-stack strong,.hdd-detail-cell strong{color:#0f172a}.hdd-late-stack small,.hdd-detail-cell small{color:#64748b}.hdd-detail-cell{min-width:220px}.hdd-loading,.hdd-empty{color:#475569;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;min-height:280px;display:flex}.hdd-spinner{border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;animation:1s linear infinite hdd-spin}.hdd-spin{animation:1s linear infinite hdd-spin}@keyframes hdd-spin{to{transform:rotate(360deg)}}@media (width<=1320px){.hdd-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=980px){.hdd-shell{padding:1rem}.hdd-hero,.hdd-info-bar,.hdd-section-head,.hdd-filter-actions{flex-direction:column;align-items:flex-start}.hdd-hero__actions{justify-content:flex-start;width:100%}.hdd-filter-grid,.hdd-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.hdd-filter-grid,.hdd-stats-grid{grid-template-columns:1fr}.hdd-table-wrap{border-radius:14px}}