@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: #ffffff;--text-main: #0f172a;--text-secondary: #4f6b95;--text-light: #9db5d6;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--shadow-sm: 0 8px 30px rgba(15, 23, 42, .08);--shadow-md: 0 20px 40px rgba(59, 130, 246, .18);--shadow-lg: 0 40px 70px rgba(15, 23, 42, .15);--shadow-red: 0 30px 50px rgba(59, 130, 246, .25);--glow-blue: 0 25px 55px rgba(14, 165, 233, .35);--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%,rgba(219,234,254,.7),transparent 55%),radial-gradient(circle at 85% 0%,rgba(191,219,254,.6),transparent 45%),var(--bg-body);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-moz-selection{background:#3b82f640;color:var(--text-main)}::selection{background:#3b82f640;color:var(--text-main)}.min-h-screen{min-height:100vh}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.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-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.text-center{text-align:center}.text-right{text-align:right}h1,h2,h3,h4{font-weight:700;color:var(--text-main);line-height:1.2}.text-3xl{font-size:2rem;letter-spacing:-.02em}.text-2xl{font-size:1.5rem;letter-spacing:-.01em}.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);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid rgba(148,163,184,.2);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(59,130,246,.08),transparent 60%);opacity:0;transition:opacity .25s ease;pointer-events:none}.card.hoverable:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.card.hoverable:hover:after{opacity:1}.card.active{border:2px solid var(--primary-red);box-shadow:var(--shadow-red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;box-shadow:var(--glow-blue)}.btn-primary:hover{background:linear-gradient(135deg,#7dd3fc,#2563eb);box-shadow:0 25px 45px #2563eb4d}.btn-outline{background-color:transparent;border:2px solid rgba(37,99,235,.4);color:var(--primary-red);box-shadow:inset 0 0 0 1px #ffffff1a}.btn-outline:hover{background:#2563eb14}.btn-secondary{background:#e2e8f0e6;color:var(--text-main)}.btn-secondary:hover{background:#cbd5e1f2}.input-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper .input-field{flex:1}.input-wrapper.has-slot .input-field{padding-right:3rem}.input-slot{position:absolute;right:.75rem;display:inline-flex;align-items:center;gap:.35rem;color:var(--text-secondary)}.input-slot button{background:none;border:none;cursor:pointer;padding:.35rem;display:inline-flex;align-items:center;justify-content:center;color:inherit}.input-slot button:focus-visible{outline:2px solid var(--primary-red);outline-offset:2px}.input-field{width:100%;padding:1rem 1.25rem;border-radius:var(--radius-sm);background-color:#f8faffe6;border:2px solid transparent;font-size:1rem;color:var(--text-main);transition:all .2s ease}.input-field:focus{background-color:#fff;border-color:var(--primary-red);box-shadow:0 0 0 4px #2563eb26;outline:none}.input-field::-moz-placeholder{color:#a0a0a0}.input-field::placeholder{color:#a0a0a0}.page-header{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:var(--text-main);padding:2rem 1.5rem 4rem;border-radius:0 0 40px 40px;box-shadow:0 25px 60px #3b82f640;position:relative;overflow:hidden}.page-header:before,.page-header:after{content:"";position:absolute;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(59,130,246,.25),transparent 70%);animation:float 8s ease-in-out infinite}.page-header:before{top:-100px;left:-70px}.page-header:after{bottom:-130px;right:-80px;animation-delay:1.2s}.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;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at top,#fdf4f5,#f5f7fb 40%,#eef1f7)}.auth-card{width:min(1100px,100%);background:#fff;border-radius:28px;box-shadow:0 40px 80px #0f172a14;padding:clamp(2.5rem,4vw,4rem) clamp(2rem,5vw,5rem);display:flex;flex-direction:column;row-gap:1.75rem;align-items:center}.auth-card__icon{width:88px;height:88px;border-radius:9999px;background:#ffe7e7;display:grid;place-items:center}.auth-card__header h1{font-size:clamp(2rem,3vw,2.5rem);color:var(--primary-red);margin-bottom:.5rem}.auth-card__header p{color:#0f172a;font-size:1.05rem}.auth-card__eyebrow{display:inline-block;text-transform:uppercase;font-size:.85rem;letter-spacing:.15em;color:#020000;margin-bottom:.75rem}.auth-card__form{width:100%;display:flex;flex-direction:column;gap:1.5rem}.auth-card__field .input-field{background:#f9fafc;border-radius:14px}.auth-card__helpers{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}.auth-card__submit{width:100%;font-size:1.05rem;padding:1.25rem;border-radius:16px;box-shadow:0 20px 30px #ff2e2e4d;margin-top:.5rem}.auth-card__footnote{width:100%;margin-top:1rem;text-align:center;color:var(--text-light)}@keyframes float{0%{transform:translateZ(0)}50%{transform:translate3d(20px,-10px,0)}to{transform:translateZ(0)}}@media(max-width:720px){.auth-shell{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-card__helpers{flex-direction:column;gap:.25rem;text-align:center}}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,3rem);position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 20% 10%,rgba(191,219,254,.6),transparent 55%),radial-gradient(circle at 80% 0%,rgba(147,197,253,.45),transparent 45%),linear-gradient(135deg,#f7fbff,#e5f0ff 55%,#dbeafe)}.auth-shell:before{content:"";position:absolute;inset:-25% -10% auto;height:70%;background:radial-gradient(circle at 35% 50%,rgba(59,130,246,.35),transparent 80%);filter:blur(100px);opacity:.7;z-index:0;pointer-events:none}.auth-shell__glow{position:absolute;inset:auto -15% -35%;height:60%;background:radial-gradient(circle,rgba(96,165,250,.4),transparent 75%);filter:blur(90px);opacity:.6;z-index:0;pointer-events:none}.auth-shell:after{content:"";position:absolute;width:160%;height:8rem;top:35%;left:-30%;background:linear-gradient(90deg,#ffffffa6,#60a5fa26);transform:rotate(-4deg);filter:blur(18px);opacity:.65;z-index:1;pointer-events:none}.auth-card{width:min(480px,100%);background:linear-gradient(180deg,#fffffff2,#ecf4ffd9);border-radius:32px;box-shadow:0 25px 60px #0f172a1f,0 60px 120px #3b82f62e;padding:clamp(2rem,5vw,3rem);display:flex;flex-direction:column;row-gap:1.5rem;border:1px solid rgba(148,163,184,.25);position:relative;z-index:2;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(125,211,252,.25),transparent 50%);pointer-events:none}.auth-card__icon{width:64px;height:64px;border-radius:9999px;background:#3b82f626;display:grid;place-items:center;margin:0 auto;color:#2563eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.3)}.auth-card__header{text-align:center}.auth-card__header h1{font-size:clamp(1.75rem,3vw,2.3rem);color:#0f172a;margin-bottom:.5rem}.auth-card__header span{color:#0f172a}.auth-card__header p{color:#475569cc;font-size:1rem}.auth-card__eyebrow{display:inline-block;text-transform:uppercase;font-size:.85rem;letter-spacing:.15em;color:#e2e8f0b3;margin-bottom:.75rem}.auth-card__form{width:100%;display:flex;flex-direction:column;gap:1.05rem}.auth-card__field .input-field{background:#f8faffe6;border-radius:14px;color:#0f172a;border:1px solid rgba(148,163,184,.4)}.auth-card__helpers{display:flex;justify-content:space-between;font-size:.85rem;color:#475569cc}.auth-help{background:none;border:none;color:#475569d9;font-weight:600;cursor:pointer;padding:0}.auth-link{background:none;border:none;color:#2563eb;font-weight:600;cursor:pointer;padding:0}.auth-error{color:#2563eb;font-size:.9rem;text-align:center}.auth-help-card{background:linear-gradient(135deg,#fee2e2f2,#fef2f2f2);border:1px solid rgba(248,113,113,.6);color:#b91c1c;padding:.75rem 1rem;border-radius:14px;text-align:center;font-weight:700;box-shadow:0 12px 24px #b91c1c2e}.auth-success{color:#16a34a;font-size:.95rem;text-align:center}.auth-card__submit{width:100%;font-size:1rem;padding:1.05rem;border-radius:16px;background:linear-gradient(120deg,#93c5fd,#60a5fa,#3b82f6);background-size:200% 200%;animation:pulseGradient 6s ease infinite;box-shadow:0 25px 40px #60a5fa59;margin-top:.5rem}.auth-card__footnote{width:100%;margin-top:1rem;text-align:center;color:#475569b3}@keyframes pulseGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-modal{position:fixed;inset:0;display:grid;place-items:center;z-index:10;padding:clamp(1rem,4vw,2rem)}.auth-modal__backdrop{position:absolute;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal__card{position:relative;width:min(540px,92vw);max-height:min(90vh,760px);overflow-y:auto;background:linear-gradient(180deg,#fff,#eaf2ff);border-radius:24px;box-shadow:0 30px 80px #0f172a40;padding:1.75rem;z-index:11;border:1px solid rgba(148,163,184,.35)}.auth-modal__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.auth-modal__lead{display:flex;gap:1rem;align-items:center}.auth-modal__icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#3b82f629,#0ea5e91f);color:#1d4ed8;border:1px solid rgba(59,130,246,.2)}.auth-modal__header h2{margin:.25rem 0}.auth-modal__header small{color:#475569d9}.auth-modal__close{background:#e2e8f0cc;border:1px solid rgba(148,163,184,.5);border-radius:999px;width:36px;height:36px;cursor:pointer}.auth-stepper{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.auth-stepper__divider{flex:1;height:1px;background:#94a3b880}.auth-step{display:flex;align-items:center;gap:.5rem;color:#475569d9;font-weight:600}.auth-step__badge{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#e2e8f0cc;color:#475569e6;border:1px solid rgba(148,163,184,.45)}.auth-step.is-active{color:#0f172a}.auth-step.is-active .auth-step__badge{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.auth-field-label{font-size:.95rem;font-weight:600;color:#0f172a}.auth-input-shell{margin-top:.35rem;background:#f8fafc;border:1px solid rgba(148,163,184,.5);border-radius:16px;padding:.8rem .9rem;display:flex;align-items:center;gap:.65rem;box-shadow:inset 0 1px #fffc;position:relative}.auth-input-shell input{flex:1;border:none;background:transparent;font-size:1rem;outline:none;color:#0f172a}.auth-input-toggle{border:1px solid rgba(148,163,184,.5);background:linear-gradient(180deg,#ffffffe6,#f1f5f9e6);width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#0f172a;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .15s ease;box-shadow:0 1px 1px #0f172a14,0 8px 16px #3b82f61f}.auth-input-toggle:hover{transform:translateY(-1px);border-color:#3b82f680;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{width:100%;border-radius:14px;background:linear-gradient(120deg,#0ea5e9,#0284c7,#0369a1);color:#fff;padding:1rem;box-shadow:0 15px 30px #0284c74d,0 6px 18px #0ea5e933;border:none;transition:transform .15s ease,box-shadow .2s ease}.auth-gradient-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 36px #0284c752,0 8px 22px #0ea5e93d}.auth-gradient-btn.is-loading{position:relative;background-size:200% 200%;animation:shimmer 2s ease infinite}.btn.auth-gradient-btn{border:none;color:#fff}.loading-dots:after{content:"";display:inline-block;width:1.25em;text-align:left;animation:dots 1.4s steps(4,end) infinite}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.auth-return{background:none;border:none;color:#475569e6;text-decoration:underline;font-weight:600;cursor:pointer}.auth-modal__actions{display:flex;justify-content:space-between;align-items:center;gap:1rem}@media(max-width:720px){.auth-shell{padding:1.25rem;align-items:center;justify-content:center}.auth-card{width:min(440px,100%);padding:1.75rem 1.4rem;border-radius:24px;margin:0 auto}.auth-card__helpers{flex-direction:column;gap:.25rem;text-align:center}.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{width:100%;padding:1.25rem 1rem;border-radius:18px;max-height:92vh}.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-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}.auth-stepper__divider{width:40px}.auth-modal__actions{flex-direction:column;align-items:stretch}}@media(max-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{padding:.7rem .8rem;border-radius:14px}.auth-input-shell input{font-size:.95rem}}@media(min-width:1280px){.auth-shell{padding:3rem 4rem}.auth-card{width:min(440px,90%);padding:2.25rem 2rem}}.floating-lines-container{position:absolute;inset:-10% -5% -5%;pointer-events:none;z-index:1;filter:drop-shadow(0 45px 120px rgba(10,70,168,.45));opacity:.95}.floating-lines-container canvas{width:100%!important;height:100%!important;display:block;pointer-events:none}@media(max-width:640px){.floating-lines-container{inset:-20% -15% -5%;opacity:.8}}.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{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;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)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.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{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.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{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:-moz-fit-content;max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;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)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.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,#f9fbff,#f5f9ff 70%) fixed;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.employee-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;background:#f9fbff;position:relative;transition:transform .25s ease}.employee-sidebar{background:linear-gradient(120deg,#60a5fa,#93c5fd);color:#fff5f4;padding:2.5rem 1.5rem;display:flex;flex-direction:column;gap:2.5rem;position:sticky;top:0;height:100vh;transition:transform .3s ease}.sidebar-brand{display:flex;align-items:center;gap:.85rem}.brand-icon{width:44px;height:44px;border-radius:14px;background:#ffffff40;display:grid;place-items:center}.brand-eyebrow{margin:0;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.sidebar-brand h2{margin:0;font-size:1.35rem;line-height:1.2;color:#111}.employee-profile{display:flex;align-items:center;gap:.85rem}.employee-profile .avatar{width:52px;height:52px;border-radius:16px;background:#ffffff40;display:grid;place-items:center;font-weight:600;font-size:1rem}.employee-profile span{color:#ffffffbf;font-size:.85rem}.employee-nav{display:flex;flex-direction:column;gap:.5rem}.employee-nav .nav-link{width:100%;display:flex;align-items:center;gap:.8rem;border:none;background:transparent;color:#fff5f4;padding:.9rem 1rem;border-radius:16px;font-size:.95rem;cursor:pointer;transition:background .25s ease,transform .25s ease}.employee-nav .nav-link.is-active{background:#ffffff2e;color:#fff}.employee-nav .nav-link:not(.is-active):hover{background:#ffffff1f;transform:translate(4px)}.profile-section{display:flex;flex-direction:column;gap:1.5rem}.profile-layout{display:grid;z-index:1;grid-template-columns:minmax(260px,.85fr) minmax(0,1.6fr);gap:1.5rem;align-items:flex-start}.profile-summary-panel{display:flex;flex-direction:column;gap:1.25rem}.profile-card{background:#fff;border-radius:28px;padding:1.75rem;border:1px solid #f0e0db;box-shadow:0 25px 55px #c93b1014;display:flex;flex-direction:column;gap:1rem}.profile-card.editable-card{border:1px solid transparent;box-shadow:0 20px 45px #3b82f626,inset 0 1px #ffffffe6}.profile-card.editable-card .section-heading{border-bottom:1px solid rgba(59,130,246,.15);padding-bottom:.75rem;margin-bottom:.25rem}.profile-card.editable-card .link-btn{color:#1d4ed8;border:1px solid rgba(37,99,235,.4);border-radius:999px;padding:.4rem 1rem;background:linear-gradient(135deg,#dbeafe8c,#bfdbfe99);box-shadow:0 8px 18px #3b82f626;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.profile-card.editable-card .link-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #3b82f633;background:linear-gradient(135deg,#bfdbfeb3,#dbeafebf)}.profile-hero-card{align-items:center;text-align:center;background:linear-gradient(135deg,#fff8f2fa,#ffe2deeb)}.profile-avatar{width:72px;height:72px;border-radius:18px;background:#93c5fd;color:#fff;display:grid;place-items:center;font-size:1.5rem;font-weight:600}.profile-avatar.large{width:96px;height:96px;border-radius:50%;font-size:2rem}.profile-photo{background:linear-gradient(135deg,#3b82f6,#0ea5e9);border:3px solid rgba(255,255,255,.75);box-shadow:0 12px 30px #0ea5e940}.profile-photo-frame{width:96px;height:96px;border-radius:50%;overflow:hidden;box-shadow:0 12px 30px #0ea5e940;border:3px solid rgba(255,255,255,.85)}.profile-photo-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.profile-role{margin:0;color:#85859b}.profile-code{display:inline-flex;padding:.35rem 1rem;border-radius:999px;background:#ffffffd9;border:1px solid rgba(0,0,0,.06);font-weight:600;color:#2563eb}.profile-edit-btn{width:100%;border:none;border-radius:14px;background:linear-gradient(135deg,#60a5fa,#a5b4fc);color:#fff;font-weight:600;padding:.75rem 1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.profile-edit-btn:hover{transform:translateY(-1px);box-shadow:0 12px 20px #ff5e6259}.hero-meta{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;text-align:left}.hero-meta p{margin:0;font-size:.85rem;color:#8b8b99}.profile-balance-card .leave-tiles{display:flex;flex-direction:column;gap:.75rem}.leave-tile{display:flex;align-items:center;gap:1rem;padding:.9rem 1rem;border-radius:18px;border:1px solid #f3dfd8;background:snow}.leave-icon{width:48px;height:48px;border-radius:16px;background:#fff;display:grid;place-items:center;font-weight:700;color:#2563eb;border:1px solid rgba(0,0,0,.05)}.leave-tile strong{font-size:1.3rem;color:#1f1f28}.leave-tile strong small{font-size:.85rem;color:#8b8b99;font-weight:500}.leave-tile.mint{background:#ecfdf5;border-color:#c7f4e5}.leave-tile.mint .leave-icon{background:#d1fae5;color:#047857}.leave-tile.peach{background:#fff5f2;border-color:#dce8ff}.leave-tile.lavender{background:#f5f3ff;border-color:#ded3ff}.profile-contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.profile-contact-list li{display:flex;gap:.9rem;align-items:center}.profile-list-icon{width:44px;height:44px;border-radius:12px;background:#fff4f3;color:#2563eb;display:grid;place-items:center}.contact-label{margin:0;color:#77768a;font-weight:600}.profile-contact-list small{color:#a0a0b3}.profile-emergency-card{margin-top:.75rem;padding:1rem;border-radius:16px;background:#fff4f2;line-height:1.4}.profile-detail-panel{display:flex;flex-direction:column;gap:1.25rem}.detail-card{gap:1.5rem}.profile-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem}.status-tile{border:1px solid #e5e7eb;border-radius:16px;padding:.9rem 1rem;background:#f8fafc}.status-tile p{margin:0;color:#475569}.status-tile strong{display:block;margin-top:.35rem;color:#0f172a}.status-tile.approved{background:#ecfdf3;border-color:#bbf7d0;color:#14532d}.status-tile.pending{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.status-tile.draft{background:#f8fafc}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.link-btn{color:#1d4ed8;border:1px solid rgba(37,99,235,.4);border-radius:999px;padding:.4rem 1rem;background:linear-gradient(135deg,#dbeafe8c,#bfdbfe99);box-shadow:0 8px 18px #3b82f626;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.link-btn:hover{color:#fff;border-radius:999px;padding:.4rem 1rem;background:#4770df;box-shadow:0 8px 18px #3b82f626;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.link-btn.is-active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.visit-filter{display:flex;gap:.4rem;align-items:center}.profile-status{font-weight:600;color:#2563eb}.profile-status-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:999px;font-weight:700;color:#0f172a;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);height:-moz-fit-content;height:fit-content}.profile-status-chip.approved{background:#10b9811f;border-color:#10b98140;color:#0f5132}.profile-status-chip.pending{background:#f973161f;border-color:#f9731640;color:#b45309}.profile-status-chip.draft{background:#94a3b81f;border-color:#94a3b840;color:#475569}.profile-status-helper{color:#6b7280;margin:.4rem 0 .75rem}.profile-error{border:1px dashed rgba(242,92,84,.5);border-radius:16px;padding:1rem 1.5rem;background:#fff2f1;display:flex;justify-content:space-between;align-items:center;gap:1rem}.profile-error.profile-error-inline{border-color:#3b82f659;background:#3b82f60f;color:#1d4ed8;box-shadow:0 10px 24px #3b82f61f}.profile-error button{border:none;background:#2563eb;color:#fff;padding:.4rem 1.2rem;border-radius:999px;cursor:pointer}.profile-detail-form{display:flex;flex-direction:column;gap:1rem;background:#fff;border:1px solid rgba(148,163,184,.14);border-radius:24px;padding:1rem 1.15rem .75rem;box-shadow:0 18px 38px #0f172a1f;outline:none}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;background:linear-gradient(180deg,#f8faffeb,#fffffff5);padding:1.1rem 1rem;border-radius:22px;border:1px solid rgba(148,163,184,.12);box-shadow:inset 0 1px #ffffffe6,0 18px 40px #94a3b82e;overflow:hidden;outline:none}.profile-read-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.profile-read-field{border:1px solid #e2e8f0;border-radius:14px;padding:.9rem 1rem;background:#f8fafc;display:flex;flex-direction:column;gap:.2rem}.profile-read-field.wide{grid-column:1 / -1}.profile-read-label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-weight:700;color:#1f2937}.profile-read-value{margin:0;color:#4b5563;line-height:1.5;white-space:pre-line}.profile-lock{display:inline-flex;align-items:center;gap:.35rem;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:.15rem .65rem;font-size:.8rem;color:#475569}.locked-note{display:inline-flex;align-items:center;gap:.35rem;color:#475569;font-weight:700}.profile-read-field.is-locked{background:#f8fafc;border-style:dashed}.identity-card{background:linear-gradient(180deg,#f7f9fb,#fff);border:1px solid rgba(148,163,184,.25);border-radius:22px;padding:1.5rem;box-shadow:0 18px 40px #0f172a14}.identity-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;border-bottom:1px solid rgba(148,163,184,.2);padding-bottom:1rem}.identity-title{display:flex;gap:.75rem;align-items:center}.identity-title h3{margin:.15rem 0 0}.identity-sub{margin:.15rem 0 0;color:#6b7280}.identity-chip{border-radius:999px;background:#94a3b81f;color:#475569;border:1px solid rgba(148,163,184,.25);padding:.35rem .85rem;font-weight:700}.identity-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem 1.25rem}.identity-field{padding:.35rem 0}.identity-label{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.identity-value{margin:.2rem 0 .35rem;font-weight:700;color:#0f172a}.identity-value.is-empty{color:#9ca3af;font-weight:600}.identity-underline{display:block;height:1px;background:#94a3b859}.input-shell{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#77768a;font-weight:600}.input-shell input,.input-shell select{border-radius:14px;border:1px solid rgba(148,163,184,.4);padding:.78rem 1rem;background:#f8fbff;font-size:.95rem;box-shadow:inset 0 1px #ffffffe6,0 6px 14px #94a3b826}.input-shell textarea{border-radius:14px;border:1px solid rgba(148,163,184,.4);padding:1rem;background:#f8fbff;font-size:.95rem;resize:vertical;min-height:110px}.input-shell input:focus,.input-shell select:focus,.input-shell textarea:focus{outline:none;border-color:#94a3b8b3;box-shadow:0 0 0 2px #94a3b859,0 10px 20px #94a3b81f;background:#fff}.input-shell-wide{grid-column:1 / -1}.profile-form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:.85rem 0 0;border-top:1px solid rgba(148,163,184,.12);margin-top:.25rem}.section-heading--sub{margin-top:.5rem}.employee-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.sidebar-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:.65rem;border:1px solid rgba(255,255,255,.35);border-radius:18px;padding:.9rem 1.2rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#ffffff40,#ffffff1f);color:#fff;cursor:pointer;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}.sidebar-logout:hover{background:linear-gradient(135deg,#ffffff59,#ffffff2e);box-shadow:0 12px 30px #0000002e;transform:translateY(-2px)}.sidebar-logout svg{width:20px;height:20px}.employee-main{padding:2.5rem clamp(1.25rem,4vw,3.5rem);display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;box-shadow:inset 0 1px #ffffffa6,0 30px 70px #3b82f61f,0 15px 45px #0ea5e91a}.employee-main:before{content:"";position:absolute;inset:1.25rem;border-radius:inherit;background:radial-gradient(circle at 85% 20%,rgba(96,165,250,.25),transparent 55%);opacity:.6;filter:blur(40px);z-index:0;pointer-events:none}.employee-main>*{position:relative;z-index:1}.employee-menu-toggle{display:none;position:sticky;top:1rem;align-self:flex-end;background:#fff;border:1px solid #d7e3ff;padding:.55rem 1.05rem;border-radius:12px;font-weight:600;color:#1d4ed8;z-index:6;box-shadow:0 10px 25px #3b82f626}.mobile-app-bar{display:none}.page-header{border-radius:28px;background:linear-gradient(120deg,#fffffff2,#ffe4e1d9);padding:1.35rem 1.6rem;box-shadow:0 25px 60px #ff3b3f1f;position:relative;overflow:hidden}.page-header:before,.page-header:after{content:"";position:absolute;border-radius:999px;background:radial-gradient(circle,rgba(255,138,130,.25),transparent 70%);z-index:0}.page-header:before{width:160px;height:160px;top:-80px;left:-60px}.page-header:after{width:220px;height:220px;bottom:-140px;right:-110px}.page-header>*{position:relative;z-index:1}.page-header h1{color:#1f0f0f}.page-header p{color:#5f4b45}.employee-hero h1{margin:0;font-size:2rem;color:#1b1c1f}.employee-hero p{margin:.25rem 0 0;color:#6a6d73}.employee-badges{margin-top:.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem}.employee-badges div{background:#fff;border-radius:16px;padding:1rem 1.25rem;border:1px solid #f1eae7;box-shadow:0 8px 20px #4b02020a}.employee-badges p{margin:0;font-size:.82rem;color:#a1a1a7;text-transform:uppercase;letter-spacing:.04em}.employee-badges strong{display:block;margin-top:.45rem;font-size:1rem;color:#1a1b1e}.employee-cta{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem}.balance-deck{margin-top:.5rem;background:linear-gradient(135deg,#ffffffe6,#ebf3ffe6);border-radius:28px;padding:1.6rem;border:1px solid rgba(148,163,184,.2);box-shadow:0 22px 55px #3b82f61f,inset 0 1px #ffffffb3}.balance-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.balance-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.72rem;color:#64748b}.balance-head h2{margin:.35rem 0 0;font-size:1.6rem;color:#0f172a}.balance-link{border:none;background:none;color:#1d4ed8;font-weight:700;cursor:pointer}.balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.balance-card{background:#fff;border-radius:22px;padding:1.1rem 1.2rem;border:1px solid rgba(226,232,240,.9);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 18px 40px #0f172a14}.balance-card p{margin:0;color:#64748b;font-weight:600}.balance-card strong{font-size:1.45rem;color:#0f172a}.balance-card small{font-size:.85rem;color:#64748b;font-weight:600}.balance-pill{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;font-weight:800;letter-spacing:.03em}.balance-card.sick .balance-pill{background:#ef44441f;color:#b91c1c}.balance-card.casual .balance-pill{background:#3b82f61f;color:#1d4ed8}.balance-card.total .balance-pill{background:#10b9811f;color:#0f766e}.balance-ring{position:absolute;right:-40px;bottom:-40px;width:140px;height:140px;border-radius:50%;border:12px solid rgba(59,130,246,.12)}.balance-card.sick .balance-ring{border-color:#ef44442e}.balance-card.total .balance-ring{border-color:#10b9812e}.cta-card{height:180px;border-radius:22px;border:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.cta-card svg{background:#fff3;padding:.85rem;border-radius:18px}.cta-card.primary{background:#60a5fa;color:#fff;box-shadow:0 20px 45px #ff475166}.cta-card.secondary{background:#fff;color:#3b82f6;border:1px solid #f1e4e1;box-shadow:0 18px 40px #0000000a}.cta-card:hover{transform:translateY(-3px)}@media(max-width:640px){.employee-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.employee-badges div{padding:.7rem .75rem;border-radius:12px}.employee-badges p{font-size:.7rem;letter-spacing:.03em}.employee-badges strong{font-size:.95rem}.balance-deck{padding:1rem;border-radius:20px}.balance-eyebrow{font-size:.65rem;letter-spacing:.1em}.balance-grid{gap:.45rem}.balance-card{padding:.6rem;border-radius:14px;gap:.35rem;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{width:30px;height:30px;border-radius:10px;font-size:.7rem}.balance-ring{width:80px;height:80px;right:-26px;bottom:-26px;border-width:7px}}.apply-inline,.visit-inline{padding:.5rem 0 2rem;display:flex;flex-direction:column;gap:1.5rem}.visit-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem}.visit-notice{background:linear-gradient(135deg,#fff7dbf2,#ffefc6d9);border:1px solid rgba(245,185,84,.6);border-radius:16px;padding:.85rem 1rem;display:flex;gap:.75rem;align-items:flex-start;color:#7a4d0f;box-shadow:0 12px 28px #f59e0b2e}.visit-notice strong{color:#7a3c0f}.visit-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.visit-section-card{background:#fff;border-radius:22px;padding:1.5rem;border:1px solid #e3ebff;box-shadow:0 22px 45px #3b82f614;z-index:1}.visit-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.visit-section-title h2{margin:0;font-size:1.1rem;color:#1f2937}.visit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.visit-optional{color:#9ca3af;font-weight:500;margin-left:.35rem}.visit-hint{display:block;margin-top:.35rem;color:#94a3b8;font-size:.8rem;font-weight:500}.visit-chip-input{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.55rem;background:#f4f8ff;border:1px solid #d5e3ff;border-radius:14px;min-height:52px}.visit-chip{display:inline-flex;align-items:center;gap:.45rem;background:#e0ecff;color:#1d4ed8;padding:.35rem .7rem;border-radius:999px;font-weight:600}.visit-chip button{border:none;background:#c7dcff;color:#1d4ed8;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:.9rem;cursor:pointer}.visit-chip-field{border:none;background:transparent;min-width:160px;flex:1;padding:.35rem .5rem;font-size:.95rem}.visit-chip-field:focus{outline:none}.visit-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.logout-sub--loading .spinner{width:16px;height:16px;border-width:2px;border-color:#3b82f633;border-top-color:#3b82f6}.visit-overview-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;position:relative;overflow:hidden;padding:1.35rem 1.6rem;border-radius:32px;background:linear-gradient(130deg,#f0f7ff,#dbeafe);box-shadow:0 25px 55px #3b82f640}.visit-overview-head:before,.visit-overview-head:after{content:"";position:absolute;border-radius:999px;background:radial-gradient(circle,rgba(191,219,254,.45),transparent 70%);z-index:0}.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>*{position:relative;z-index:1}.visit-overview-title h1{margin:0;font-size:2rem;color:#1f0f0f}.visit-overview-title p{margin:.35rem 0 0;color:#5f4b45}.visit-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;z-index:1}.visit-stat-card{background:#fff;border-radius:18px;padding:1rem 1.2rem;display:flex;align-items:center;gap:.75rem;border:1px solid #e4ebff;box-shadow:0 18px 40px #3b82f614}.visit-stat-card p{margin:0;color:#6b7280;font-weight:600;font-size:.9rem}.visit-stat-card strong{display:block;margin-top:.2rem;font-size:1.4rem;color:#111827}.visit-stat-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center}.visit-stat-icon.stat-total{background:#e0ecff;color:#1d4ed8}.visit-stat-icon.stat-ongoing{background:#fff4d7;color:#d97706}.visit-stat-icon.stat-complete{background:#dcfce7;color:#15803d}.visit-overview-grid{display:grid;gap:1.5rem}.visit-panel{background:#fff;border-radius:22px;padding:1.5rem;border:1px solid #e4ebff;box-shadow:0 22px 45px #3b82f614}.visit-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.visit-panel-head h2{margin:0;font-size:1.1rem;color:#111827}.visit-row{display:flex;align-items:center;gap:.9rem;padding:.85rem 0;padding-right:1%;padding-left:1%;border-bottom:1px solid #eef2ff}.visit-row:hover{background-color:#eef2ff}.visit-row--clickable{cursor:pointer}.visit-row-actions{margin-left:auto;display:flex;align-items:center;gap:.6rem}.visit-row:last-of-type{border-bottom:none}.visit-row-icon{width:46px;height:46px;border-radius:12px;background:#f3f4f6;display:grid;place-items:center;font-weight:700;color:#4b5563}.visit-row-body h3{margin:0;font-size:1rem;color:#111827}.visit-row-body p{margin:.3rem 0 0;color:#6b7280;font-size:.9rem}.visit-pill{margin-left:auto;padding:.25rem .7rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.visit-pill.approved{background:#dcfce7;color:#15803d}.visit-pill.pending{background:#fef3c7;color:#b45309}.visit-pill.rejected{background:#fee2e2;color:#b91c1c}.visit-cta{margin-top:1.2rem;padding:1.2rem;border-radius:18px;border:1px dashed #c7d2fe;background:#f5f6ff;text-align:center}.visit-cta-icon{width:46px;height:46px;border-radius:14px;background:#e0ecff;color:#1d4ed8;display:grid;place-items:center;font-weight:700;margin:0 auto .75rem}.visit-cta h4{margin:0;color:#111827}.visit-cta p{margin:.45rem 0 .9rem;color:#6b7280;font-size:.9rem}.visit-timeline{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.2rem}.visit-timeline-item{display:flex;gap:.8rem;align-items:flex-start}.visit-timeline-item h4{margin:0;font-size:.95rem;color:#111827}.visit-timeline-item p{margin:.25rem 0;color:#6b7280;font-size:.85rem}.visit-timeline-item small{color:#9ca3af;font-weight:600}.timeline-dot{width:10px;height:10px;border-radius:50%;margin-top:.4rem}.timeline-dot.success{background:#22c55e}.timeline-dot.info{background:#6366f1}.timeline-dot.neutral{background:#94a3b8}.ghost-btn.wide{width:100%;justify-content:center}@media(max-width:960px){.visit-overview-grid{grid-template-columns:1fr}}.apply-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem}.apply-header h1{margin:0;font-size:2.4rem;color:#2a1110}.apply-header p{margin:.35rem 0 0;color:#3b82f6}.back-link{border:1px solid #e7b5a4;background:transparent;color:#3b82f6;border-radius:999px;padding:.65rem 1.6rem;font-weight:600;cursor:pointer;transition:background .2s ease}.back-link:hover{background:#ffe8e099}.apply-options{display:grid;z-index:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.apply-option-card{background:#fff;border:2px solid #d7e3ff;border-radius:22px;padding:2.25rem 1.75rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.85rem;color:#1a1917;box-shadow:0 20px 40px #3b82f614;transition:border .2s ease,transform .2s ease,background .2s ease,color .2s ease}.apply-option-card.is-active{border-color:#60a5fa;box-shadow:0 20px 45px #3b82f62e}.apply-option-card.is-inactive{background:#f4efec;border-color:#ded4ce;color:#8f7b71}.apply-option-card h3{margin:0;font-size:1.2rem;color:inherit}.apply-option-card p{margin:0;color:inherit;opacity:.75;font-size:.95rem;font-weight:400}.apply-option-card svg{color:#60a5fa;transition:color .2s ease}.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{margin-top:1rem;background:#fff;border-radius:28px;padding:1.5rem;border:1px solid #f1e4e1;box-shadow:0 25px 50px #470e0014}.form-label{font-weight:600;color:#2d1c18}.field-label{font-size:.9rem;font-weight:600;color:#4f4645;display:flex;flex-direction:column;gap:.45rem}.field-label input{font-weight:500}.field-hint{display:block;margin-top:.3rem;text-align:right;font-weight:700;color:#2d1c18}.field-hint.is-warning{color:#b91c1c;background:linear-gradient(135deg,#fee2e2f2,#fef2f2f2);border:1px solid rgba(248,113,113,.6);padding:.55rem .85rem;border-radius:12px;display:inline-flex;align-items:center;gap:.5rem;font-weight:700;text-align:left;box-shadow:0 10px 22px #b91c1c1f}.option-pill small{display:block;color:#9c9da5;font-weight:500}.primary-btn.wide{margin-top:.5rem;width:100%;border-radius:999px;font-size:1rem}.primary-btn.secondary-tone{background:#3b82f6}.employee-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.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-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.option-pill{border:2px solid #f1f2f5;border-radius:18px;padding:.85rem;background:#fff;display:flex;gap:.75rem;align-items:center;text-align:left;cursor:pointer;transition:border .2s ease,background .2s ease}.option-icon{width:44px;height:44px;border-radius:14px;background:#e0ecff;display:grid;place-items:center;font-size:1.2rem}.option-title{font-weight:600;display:block}.label{font-weight:600;color:#111827}.field{width:100%;border-radius:14px;border:1px solid #e4e6eb;padding:.85rem 1rem;font-size:1rem}textarea.field{resize:none}.select-shell{position:relative;width:100%}.select-pill{width:100%;border:1px solid rgba(59,130,246,.35);background:#fff;color:#0f172a;padding:.85rem 1rem;border-radius:14px;display:flex;align-items:center;justify-content:space-between;position:relative;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.select-pill .is-placeholder{color:#64748b;font-weight:500}.select-pill:hover{box-shadow:inset 0 1px #fffffff2,0 14px 28px #3b82f629;transform:translateY(-1px)}.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{font-weight:800;color:#1d4ed8;font-size:1.1rem;display:grid;place-items:center;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1.6rem;height:1.6rem;border-radius:50%;pointer-events:none}.select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid rgba(59,130,246,.2);border-radius:14px;box-shadow:0 18px 38px #0f172a1f;max-height:230px;overflow-y:auto;z-index:5}.select-option{width:100%;text-align:left;border:none;background:transparent;padding:.75rem 1rem;font-weight:600;color:#0f172a;cursor:pointer;transition:background .12s ease,color .12s ease}.select-option:hover{background:#3b82f614}.select-option.is-active{background:#3b82f61f;color:#1d4ed8}.select-empty{padding:.75rem 1rem;color:#64748b;font-weight:600}.date-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;overflow:visible}.date-picker-field{position:relative}.date-trigger{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#fff;cursor:pointer}.date-trigger:focus-visible{outline:2px solid #3b82f6;border-color:transparent}.date-trigger .is-placeholder{color:#9ca3af}.date-popover{position:absolute;top:calc(100% + .5rem);left:0;z-index:30;background:#fff;border-radius:16px;border:1px solid rgba(148,163,184,.35);box-shadow:0 20px 45px #0f172a26;padding:.6rem}.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{font-weight:700;color:#0f172a}.date-popover .rdp-head_cell{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.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;background:transparent;text-decoration:line-through;cursor:not-allowed;opacity:.75}.date-popover .rdp-day-leave:not(.rdp-day_disabled){background:#f8717140;color:#111827;font-weight:700;border-radius:999px}.date-popover .rdp-day-leave.rdp-day_selected,.date-popover .rdp-day-leave.rdp-day_selected:focus-visible{background:#ef4444f2;color:#111827;border-radius:999px}.date-popover .rdp-day_outside{color:#cbd5e1}.totals{font-size:.9rem;color:#6b7280}.primary-btn{border:none;border-radius:18px;padding:1rem;background:#3b82f6;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #3b82f64d}.primary-btn:disabled{cursor:progress;opacity:.85;transform:none;box-shadow:none}.action-loader{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:.01em}.spinner{width:18px;height:18px;border-radius:50%;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite}.period-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem}.period-option{border:2px solid #ece3df;border-radius:20px;background:#fff;padding:1rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;font-weight:600;color:#3f2721;cursor:pointer;transition:border .2s ease,box-shadow .2s ease}.period-option small{color:gray;font-weight:500}.period-option.is-active{border-color:#60a5fa;background:#eef2ff;box-shadow:0 15px 30px #3b82f626}.period-option.is-disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.period-option.is-disabled{position:relative}.period-option.is-disabled:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%) translateY(10px);background:#1d4ed8;color:#fff;padding:.6rem .85rem;border-radius:12px;font-size:.9rem;font-weight:800;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 12px 26px #1d4ed859,0 0 0 2px #ffffff40;z-index:5}.period-option.is-disabled:before{content:"";position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);border-width:6px 6px 0;border-style:solid;border-color:#1d4ed8 transparent transparent;opacity:0;transition:opacity .2s ease;z-index:5}.period-option.is-disabled:hover:after,.period-option.is-disabled:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.period-icon{width:44px;height:44px;border-radius:14px;background:#ff494a1f;display:grid;place-items:center;color:#60a5fa}.time-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.settings-section{display:flex;flex-direction:column;gap:1.25rem}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.settings-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:999px;font-weight:700;color:#0f172a;background:#3b82f61f;border:1px solid rgba(59,130,246,.3)}.settings-chip.weak{background:#f973161f;border-color:#f9731647;color:#9a3412}.settings-chip.fair{background:#f59e0b1f;border-color:#f59e0b47;color:#92400e}.settings-chip.good,.settings-chip.strong{background:#22c55e1f;border-color:#22c55e47;color:#166534}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.2rem;align-items:start}.settings-card{background:#fffffff2;border:1px solid var(--employee-border);border-radius:26px;padding:1.5rem;box-shadow:0 20px 45px #0f172a14}.settings-card.secondary{background:linear-gradient(180deg,#eef5ff,#f7faff);border-style:solid;box-shadow:inset 0 1px #fffc,0 18px 40px #94a3b840}.settings-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.card-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.78rem;font-weight:700}.settings-subtitle{margin:.2rem 0 0;color:#475569;font-size:.95rem}.endpoint-chip{background:#3b82f61a;color:#1d4ed8;border:1px solid rgba(59,130,246,.35);padding:.45rem .9rem;border-radius:12px;font-weight:700}.password-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.password-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem}.password-shell input{padding-right:3.5rem}.password-toggle{align-self:flex-end;margin-top:-.25rem;border:1px solid rgba(59,130,246,.3);background:#dbeafe99;color:#1d4ed8;border-radius:12px;padding:.5rem .9rem;font-weight:700;cursor:pointer}.strength-meter{width:100%;height:12px;border-radius:999px;background:#e2e8f099;overflow:hidden;border:1px solid rgba(148,163,184,.35)}.strength-meter-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(120deg,#60a5fa,#3b82f6);transition:width .25s ease}.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{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.strength-label{margin:0;font-weight:700;color:#0f172a}.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-radius:14px;padding:.9rem 1rem;font-weight:600;border:1px solid}.settings-alert.error{background:#f871711f;border-color:#f8717159;color:#b91c1c}.settings-alert.success{background:#34d3991f;border-color:#34d39959;color:#065f46}.settings-actions{display:flex;gap:.75rem;flex-wrap:wrap}.settings-tips{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.65rem}.settings-tips li{background:#fff;border:1px solid rgba(148,163,184,.35);padding:1rem 1.1rem;border-radius:16px;color:#0f172a;font-weight:650;box-shadow:0 12px 25px #0f172a0d}.settings-info-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem}.info-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1rem;border:1px solid rgba(148,163,184,.35);border-radius:14px;background:#fff;color:#0f172a;font-weight:650;box-shadow:0 12px 25px #0f172a0d}.info-chip svg{color:#3b82f6}.history-inline{display:flex;flex-direction:column;gap:1.5rem}.dashboard-state{display:flex;align-items:center;justify-content:center;min-height:320px}.dashboard-loading{display:flex;align-items:center;gap:.85rem;padding:1.5rem 2rem;border-radius:22px;border:1px dashed rgba(148,163,184,.35);background:#f8fafff2;color:#334155;font-weight:600}.dashboard-loading small{display:block;margin-top:.2rem;color:#64748b;font-weight:500}.dashboard-loading .spinner{width:22px;height:22px;border-width:3px;border-color:#3b82f633;border-top-color:#3b82f6}.dashboard-error{border:1px dashed rgba(180,35,24,.35);border-radius:22px;padding:1.5rem 2rem;text-align:center;color:#b42318;background:#fff8f8f2}.dashboard-error button{margin-top:.75rem;border:none;background:linear-gradient(120deg,#60a5fa,#3b82f6);color:#fff;padding:.4rem 1.2rem;border-radius:999px;font-weight:600;cursor:pointer}.history-header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:flex-end}.history-subtitle{margin:.5rem 0 0;color:#6b7280}.history-filters{display:flex;gap:.75rem;flex-wrap:wrap}.filter-pill{border-radius:999px;border:1px solid #e5e7eb;padding:.55rem 1.25rem;background:#fff;font-weight:600;color:#4b5563;cursor:pointer;transition:background .2s ease,border .2s ease,transform .2s ease}.filter-pill:hover{background:#f0f5ff;border-color:#c7d2fe;transform:translateY(-2px)}.history-list{display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 260px);overflow-y:auto;padding-right:.5rem;z-index:2}.history-table-wrap{max-height:calc(100vh - 260px);overflow:auto;padding-right:.5rem;position:relative}.history-table{border:1px solid #e5e7eb;border-radius:16px;background:#fff;min-width:980px;overflow:hidden}@media(max-width:1024px){.history-table{min-width:860px}.history-table-wrap{max-height:none}}.history-table__head,.history-table__row{display:grid;grid-template-columns:.9fr 1.1fr 1.2fr 1.1fr 1fr 1fr .9fr 1.1fr;gap:.5rem;align-items:start}.history-table__head{background:#f8fafc;padding:.85rem 1rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;position:sticky;top:0;z-index:2;box-shadow:0 8px 16px #0f172a14}.history-table__row{padding:.85rem 1rem;border-top:1px solid #e5e7eb}.history-table__row:nth-child(2n){background:#fbfdff}.history-table__row--clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.history-table__row--clickable:hover{box-shadow:inset 0 0 0 1px #3b82f673,0 10px 24px #0f172a14;background:linear-gradient(90deg,#3b82f60f,#3b82f605);transform:translateY(-1px)}.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{display:flex;flex-direction:column;gap:.25rem;color:#111827;min-width:0}.history-cell p{margin:0;font-size:.88rem;min-width:0}.history-cell--truncate p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(148,163,184,.25);padding-bottom:.85rem}.history-detail__header h3{margin:0;font-size:1.35rem;letter-spacing:-.02em}.history-detail__header button{border:1px solid rgba(148,163,184,.45);background:#f8fafc;padding:.4rem .95rem;border-radius:999px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.history-detail__header button:hover{background:#e0ecff;box-shadow:0 10px 22px #3b82f62e;transform:translateY(-1px)}.history-detail__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem 1rem;margin-top:1rem}.history-detail__grid span{display:block;font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem}@media(min-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 rgba(148,163,184,.2);border-radius:14px;padding:.75rem .9rem}.history-detail__grid>div.history-detail__wide{background:#fff}.modal-card--detail{width:min(1280px,96vw);padding:1.6rem;border:1px solid rgba(148,163,184,.35);background:linear-gradient(180deg,#fff,#f8fbff)}@media(min-width:1100px){.history-detail__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.history-status{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .85rem;border-radius:999px;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#f1f5f9;color:#0f172a;border:1px solid rgba(148,163,184,.3)}.history-status.approved{background:#22c55e24;color:#166534;border-color:#22c55e59}.history-status.rejected,.history-status.cancelled{background:#ef44441f;color:#b91c1c;border-color:#ef444459}.history-status.pending{background:#f59e0b26;color:#92400e;border-color:#f59e0b59}.history-detail__wide{grid-column:1 / -1}.history-empty{border:1px dashed rgba(148,163,184,.35);border-radius:24px;padding:1.5rem;text-align:center;color:#5f6c82;background:#f8fafff2}.history-empty button{margin-top:.75rem;border:none;background:linear-gradient(120deg,#60a5fa,#3b82f6);color:#fff;padding:.4rem 1.2rem;border-radius:999px;font-weight:600;cursor:pointer}.history-empty.history-error{color:#b42318;border-color:#b4231859;background:#f5f7ff}.history-card{border-radius:28px;border:1px solid #ede8e5;padding:1.25rem;background:#fff;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center;transition:box-shadow .25s ease,transform .25s ease}.history-card:hover{box-shadow:0 18px 45px #0f172a14;transform:translateY(-2px)}.history-card-body h3{margin:.35rem 0 0}.history-type{margin:0;color:#6b7280}.history-card-meta{display:flex;gap:.75rem;align-items:center;font-size:.85rem;color:#6b7280}.history-status{border-radius:999px;padding:.15rem .75rem;font-size:.8rem;font-weight:600}.history-status.approved{background:#ddf7e7;color:#137333}.history-status.pending{background:#fef9e5;color:#b85c00}.history-status.rejected{background:#e5edff;color:#b42318}.history-details{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem;color:#374151;font-size:.9rem}.history-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem 1rem;margin-top:.75rem;color:#111827}.history-info span{display:block;font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem}.history-info strong{font-weight:700;color:#111827;word-break:break-word}.history-info--wide{grid-column:1 / -1}.history-action{border-radius:999px;border:1px solid #e5e7eb;padding:.6rem 1.25rem;background:#fff;font-weight:600;color:#4b5563;cursor:pointer;transition:background .2s ease,color .2s ease}.history-action:hover{background:#f1f5f9;color:#111827}.overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;z-index:30}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{width:min(780px,calc(100% - 2rem));background:#fff;border-radius:26px;padding:1.35rem;box-shadow:0 30px 60px #0f172a40;animation:pop .3s ease;position:relative;max-height:90vh;overflow-y:auto}@media(max-width:760px){.modal-card{width:calc(100% - 1.5rem);border-radius:20px;padding:1.1rem;max-height:calc(100vh - 2rem)}.modal-card.wide{width:calc(100% - 1.5rem);padding:1.1rem}.modal-card--detail{width:calc(100% - 1.5rem);padding:1.2rem}}@media(max-width:480px){.modal-card{width:calc(100% - 1rem);border-radius:18px;padding:1rem}.modal-card--detail{width:calc(100% - 1rem)}}.modal-card--with-pop{padding-top:2.6rem}.modal-status-pop{position:absolute;top:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;padding:.55rem 1.2rem;border-radius:999px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.6rem;box-shadow:0 14px 34px #ef444459,0 0 0 2px #fffc;animation:popPulse 1.2s ease-in-out infinite;z-index:3;white-space:nowrap}.modal-status-pop .spinner{width:16px;height:16px;border-width:3px}@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);background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.18),transparent 40%),#0f172a8c;z-index:80}.logout-card{background:linear-gradient(145deg,#f8fbff,#e8f1ff);border:1px solid rgba(148,163,184,.35);box-shadow:0 20px 45px #0f172a38,0 1px #ffffffbf;border-radius:24px;padding:1.75rem 1.6rem 1.4rem;width:min(520px,95vw);animation:pop .28s ease;color:#0f172a}.logout-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem .8rem;background:#3b82f61f;color:#1d4ed8;border-radius:999px;font-weight:700;border:1px solid rgba(59,130,246,.2);box-shadow:0 10px 20px #3b82f61f}.logout-card h3{margin:.65rem 0 .35rem;font-size:1.4rem}.logout-sub{margin:0;color:#475569}.logout-sub--loading{margin-top:.65rem;display:inline-flex;align-items:center;gap:.5rem;font-weight:600}.logout-progress{margin:.9rem 0 1rem;width:100%;height:9px;background:#94a3b84d;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #0f172a14}.logout-progress-fill{height:100%;background:linear-gradient(120deg,#60a5fa,#3b82f6);transition:width .25s ease}.logout-actions{display:flex;justify-content:flex-end;gap:.75rem}.modal-card.wide{width:min(1180px,calc(100% - 1rem));padding:1.35rem 1.5rem;max-height:calc(100vh - 2rem);z-index:15}.modal-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,#60a5fa,#93c5fd);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.modal-header h3{margin:.25rem 0 0}.modal-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:#000}.modal-summary{margin:1rem 0 1.5rem;color:#4a403f;line-height:1.5;background:#f5f8ff;border:1px solid #dce5ff;border-radius:18px;padding:1rem 1.25rem}.visit-detail-summary{padding:1.1rem 1.25rem}.visit-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.visit-detail-item{background:#fff;border:1px solid #e1e8ff;border-radius:14px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.3rem;box-shadow:0 10px 24px #0f172a14}.visit-detail-item--wide{grid-column:span 2}.visit-detail-item span{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:#6b7280;font-weight:700}.visit-detail-item strong{color:#1f2937;font-weight:700;word-break:break-word}.modal-summary p{margin:0 0 .75rem;word-break:break-word}.modal-summary-row{display:flex;gap:.75rem;align-items:flex-start}.modal-summary-label{font-weight:600;min-width:60px}.modal-summary-text{flex:1;word-break:break-word;white-space:pre-line}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.ghost-btn{border:1px solid #e9dcd6;background:#fff;color:#7d5c55;padding:.7rem 1.5rem;border-radius:14px;font-weight:600;cursor:pointer}@keyframes pop{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.toast{position:fixed;bottom:2rem;right:2rem;background:#3b82f6;color:#fff;padding:.85rem 1.35rem;border-radius:18px;display:flex;gap:.75rem;align-items:center;z-index:70;box-shadow:0 20px 40px #ef233c66;animation:slide-up .35s ease}.toast button{background:transparent;color:#ffe08a;border:none;font-weight:600;cursor:pointer}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-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{margin-top:.8rem}.history-header{align-items:flex-start}.history-header.page-header{padding:1rem 1.1rem;border-radius:22px;box-shadow:0 16px 30px #3b82f633}.history-header h1{font-size:1.35rem}.history-subtitle{font-size:.9rem}.history-header .primary-btn{padding:.6rem 1rem;font-size:.9rem}.history-filters{width:100%;gap:.5rem}.filter-pill{flex:1 1 auto;text-align:center;padding:.5rem .9rem;font-size:.85rem}.history-table-wrap{max-height:none;overflow:visible;padding-right:0}.history-table{min-width:0;border:none;border-radius:0;background:transparent}.history-table__head{display:none}.history-table__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem .75rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:.75rem;background:#fff;box-shadow:0 12px 26px #0f172a14}.history-cell{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0}.history-cell:before{content:attr(data-label);font-size:.62rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.history-cell[data-label=Status]{align-items:flex-end;grid-column:1 / -1}.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{position:sticky;top:.6rem;z-index:40;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:.85rem 1.1rem;margin:.25rem .75rem .75rem;background:linear-gradient(135deg,#fffffff5,#ebf3fff0);border:1px solid rgba(148,163,184,.22);box-shadow:0 18px 32px #0f172a1f,0 1px #ffffffbf;-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);border-radius:18px}.mobile-nav-btn{width:42px;height:42px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#ffffffe6;display:grid;place-items:center;gap:4px;padding:8px;cursor:pointer;position:relative;z-index:50;box-shadow:0 10px 25px #0f172a1f}.mobile-nav-btn span{width:100%;height:2px;background:#0f172a;border-radius:999px;transition:transform .2s ease,opacity .2s ease}.mobile-app-title{text-align:center;font-weight:800;letter-spacing:.12em;color:#1d4ed8;text-transform:uppercase;font-size:.95rem}.mobile-app-meta{display:flex;align-items:center;gap:.5rem;justify-content:flex-end;font-size:.9rem;color:#0f172a}.mobile-date{color:#475569;font-weight:600}.mobile-logout{border:1px solid rgba(59,130,246,.35);background:linear-gradient(130deg,#60a5fa,#3b82f6);color:#fff;border-radius:999px;padding:.45rem .85rem;font-weight:800;font-size:.88rem;cursor:pointer;box-shadow:0 12px 25px #3b82f640,0 1px #ffffff8c}.employee-sidebar{position:fixed;inset:0 auto 0 0;height:100vh;z-index:45;transform:translate(-105%);transition:transform .3s ease;max-width:320px;width:min(320px,82vw);box-shadow:20px 0 50px #0f172a2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.employee-sidebar.is-visible{transform:translate(0)}.employee-shell.nav-open{overflow:hidden}.employee-sidebar{background:linear-gradient(180deg,#f8fbff,#e8f1ff);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{animation:sm-slide-in .4s ease forwards;opacity:0}.employee-sidebar.is-visible .employee-nav .nav-link:nth-child(1){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 .sidebar-logout{animation:sm-slide-in .4s ease forwards;animation-delay:.4s;opacity:0}.employee-main{padding:1.75rem 1.25rem 2.5rem;min-height:100vh}.employee-menu-toggle{display:none}.page-header{padding:1.1rem 1.25rem;border-radius:22px}.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}.inline-form-card{padding:1.25rem;border-radius:22px}.history-list{max-height:none}.profile-layout,.profile-summary-panel,.profile-detail-panel{gap:1rem}}@media(max-width:560px){.history-header h1{font-size:1.4rem}.history-subtitle{font-size:.9rem}.history-table__row{padding:.8rem}.history-cell p{font-size:.85rem}}.nav-backdrop{display:none}@media(max-width:760px){.nav-backdrop{display:block;position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.2),transparent 45%),#0f172a52;-webkit-backdrop-filter:blur(3px) saturate(1.05);backdrop-filter:blur(3px) saturate(1.05);z-index:35;animation:fade-in .2s ease}.nav-open .mobile-nav-btn span:nth-child(1){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{top:.35rem;z-index:60;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;-moz-user-select:none;user-select:none}}:root{--employee-primary: #3b82f6;--employee-secondary: #eff6ff;--employee-ink: #0f172a;--employee-highlight: #bae6fd;--employee-soft: #f8fbff;--employee-border: rgba(148, 163, 184, .25)}body{background:radial-gradient(circle at 12% 20%,rgba(191,219,254,.7),transparent 55%),radial-gradient(circle at 85% 0%,rgba(221,241,255,.8),transparent 45%),var(--employee-soft);color:var(--employee-ink)}.employee-shell{background:#ffffffe6}.employee-sidebar{background:linear-gradient(180deg,#fff,#e0edff);color:var(--employee-ink);box-shadow:0 25px 60px #3b82f62e;border-right:1px solid var(--employee-border)}.brand-icon,.employee-profile .avatar,.profile-avatar{background:#3b82f614;border:1px solid rgba(148,163,184,.3);color:#1d4ed8}.employee-nav .nav-link{color:#0f172ab3}.employee-nav .nav-link.is-active{background:#3b82f61a;color:var(--employee-ink);box-shadow:inset 0 0 0 1px #3b82f640}.employee-nav .nav-link:not(.is-active):hover{background:#94a3b826}.sidebar-logout{border-color:#94a3b859;background:#ffffffbf;color:var(--employee-ink)}.employee-main{background:#ffffffd9;box-shadow:inset 0 1px #fff9,0 25px 70px #94a3b859;border:1px solid rgba(148,163,184,.2)}.employee-main:before{background:radial-gradient(circle at 70% 20%,rgba(191,219,254,.4),transparent 60%)}.employee-menu-toggle{background:#3b82f61a;border-color:#3b82f666;color:var(--employee-ink)}.page-header{background:linear-gradient(130deg,#f0f7ff,#dbeafe);color:var(--employee-ink);border-radius:32px;box-shadow:0 25px 55px #3b82f640}.page-header:before,.page-header:after{background:radial-gradient(circle,rgba(191,219,254,.45),transparent 70%)}.employee-badges div,.inline-form-card,.profile-card,.detail-card{background:#fffffff2;border-color:var(--employee-border);box-shadow:0 25px 40px #0f172a14;color:var(--employee-ink)}.history-card{background:#fffffff2;border-color:var(--employee-border);color:var(--employee-ink)}.profile-code{color:#2563eb;border-color:#94a3b84d;background:#e2e8f080}.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{border-color:#3b82f659;background:#e2e8f040}.profile-error button{background:linear-gradient(120deg,#60a5fa,#3b82f6)}.employee-cta .cta-card.primary{background:linear-gradient(135deg,#93c5fd,#3b82f6);color:#fff;box-shadow:0 25px 45px #3b82f666}.employee-cta .cta-card.secondary{background:#f8fafff2;color:#1d4ed8;border:1px solid rgba(59,130,246,.2)}.apply-option-card{background:#ffffffeb;border-color:#94a3b84d;color:var(--employee-ink)}.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{background:#f3f6ffcc;color:#0f172a80}.back-link{border:1px solid rgba(59,130,246,.3);color:#2563eb;background:#f8faffd9}.back-link:hover{background:#bfdbfe66}.inline-form-card .form-label,.form-group .field-label,.option-title,.history-subtitle{color:#0f172abf}.option-pill{border-color:#94a3b859;background:#f8fafff2;color:var(--employee-ink)}.option-pill.is-active{border-color:#3b82f666;background:#dbeafe99}.option-icon{background:#bfdbfe99;color:#1d4ed8}.field,.input-shell input,.input-shell select,.field-label input{background:#f8faffe6;color:var(--employee-ink);border-color:#94a3b859}.field:focus,.input-shell input:focus,.input-shell select:focus{outline-color:#3b82f666;border-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)}.period-option{border-color:#94a3b859;background:#f8faffe6;color:var(--employee-ink)}.period-option.is-active{border-color:#3b82f666;background:#dbeafecc;box-shadow:0 20px 40px #3b82f640}.period-icon{background:#bfdbfea6;color:#2563eb}.history-card{border-color:#94a3b840}.history-empty{border-color:#94a3b859;background:#f8fafff2;color:#0f172a8c}.history-empty button{background:linear-gradient(120deg,#60a5fa,#3b82f6);box-shadow:0 12px 25px #3b82f640}.history-status.approved{background:#bbf7d0cc;color:#15803d}.history-status.pending{background:#fef9c3cc;color:#b45309}.history-status.rejected{background:#fed7d7d9;color:#b91c1c}.filter-pill{border-color:#94a3b859;color:#0f172ab3;background:#fafcfff2}.filter-pill:hover{background:#dbeafecc;border-color:#94a3b880}.modal-card{background:#fffffffa;border:1px solid rgba(148,163,184,.35)}.modal-card:before{content:"";display:block;background:linear-gradient(120deg,#60a5fa,#93c5fd)}.modal-summary{background:#f3f6ffe6;border-color:#94a3b859}.ghost-btn{border-color:#94a3b859;color:#0f172ab3;background:#ffffffe6}.toast{box-shadow:0 25px 45px #3b82f659;background:#3b82f6;color:#fff;z-index:1}.visit-chip-input--select{position:relative;padding-bottom:.5rem}.participant-dropdown{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid rgba(148,163,184,.35);border-radius:14px;box-shadow:0 18px 45px #0f172a2e;max-height:220px;overflow-y:auto;padding:.45rem}.participant-option{width:100%;border:none;background:#f8fafc;border-radius:12px;padding:.6rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;cursor:pointer;font:inherit;color:#0f172a}.participant-option+.participant-option{margin-top:.45rem}.participant-option:hover{background:#eef2ff}.participant-option strong{display:block}.participant-option small{color:#64748b}.participant-option span{font-weight:700;color:#2563eb}.participant-empty{padding:.6rem .75rem;color:#64748b;font-weight:600}.participant-option strong{color:#0f172a;font-weight:700}.visit-close-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}.visit-close-panel{background:#f8fafc;border:1px solid rgba(148,163,184,.35);border-radius:18px;padding:1rem}.visit-close-section{display:grid;gap:.85rem}.visit-close-time{display:flex;gap:.6rem;align-items:center}.visit-close-empty{display:grid;place-items:center;min-height:140px;color:#64748b;background:#fff;border:1px dashed rgba(148,163,184,.4);border-radius:14px;font-weight:600}.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(max-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(max-width:1024px){.profile-layout{grid-template-columns:1fr}.profile-layout>*{min-width:0}}@media(max-width:760px){.profile-section{gap:1rem}.profile-card,.identity-card{padding:1.15rem;border-radius:20px}.profile-header.page-header{padding:1rem 1.1rem;border-radius:20px}.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{width:100%;justify-content:center}}@media(max-width:480px){.identity-value,.profile-read-value{overflow-wrap:anywhere}}.notification-container{position:relative;display:inline-flex;align-items:center}.notification-bell{position:relative}.notification-badge{position:absolute;top:-6px;right:-6px;background-color:#ef4444;color:#fff;border-radius:999px;padding:2px 6px;font-size:.65rem;font-weight:700;min-width:16px;text-align:center;line-height:1}.notification-dropdown{position:absolute;top:calc(100% + .75rem);right:0;width:360px;background:#fff;border-radius:16px;box-shadow:0 18px 40px #0f172a2e;border:1px solid rgba(148,163,184,.35);z-index:120;overflow:hidden}.notification-header{padding:.9rem 1rem;border-bottom:1px solid rgba(148,163,184,.2);display:flex;justify-content:space-between;align-items:center;gap:.75rem}.notification-header h3{margin:0;font-size:1rem;font-weight:700}.mark-read-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.75rem;font-weight:700}.notification-list{max-height:420px;overflow-y:auto}.notification-item{padding:.8rem 1rem;border-bottom:1px solid rgba(148,163,184,.2);display:flex;gap:.7rem}.notification-item:last-child{border-bottom:none}.notification-icon-wrap{width:32px;height:32px;border-radius:10px;background:#eef2ff;display:grid;place-items:center}.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:1;display:flex;flex-direction:column;gap:.35rem}.notification-title{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.notification-time{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;color:#6b7280}.notification-message{font-size:.85rem;color:#1f2937}.notification-details{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.7rem;color:#64748b}.leave-dates,.leave-days{background:#f1f5f9;padding:2px 6px;border-radius:999px}.empty-notifications{padding:2rem 1rem;text-align:center;color:#94a3b8}:root{--hr-bg: #f5f7fb;--hr-card: #ffffff;--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{min-height:100vh;display:flex;background:radial-gradient(circle at 15% 20%,rgba(91,155,255,.08),transparent 30%),radial-gradient(circle at 80% 0%,rgba(99,102,241,.08),transparent 35%),var(--hr-bg);color:var(--hr-ink);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;position:relative}.hr-portal__glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 30% 10%,rgba(91,155,255,.08),transparent 25%),radial-gradient(circle at 70% 0%,rgba(34,197,235,.06),transparent 30%);filter:blur(30px);z-index:0}.hr-portal__sidebar{width:240px;background:linear-gradient(180deg,#0b1224,#0d1326 45%,#111827);color:#e5e7eb;padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:0;height:100vh;z-index:2;box-shadow:10px 0 35px #0f172a40}.hr-brand{display:flex;align-items:center;gap:.85rem}.hr-brand__logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#5b9bff,#22c55e);display:grid;place-items:center;font-weight:800;letter-spacing:.03em;color:#f8fafc}.hr-brand p{margin:0;font-weight:700;color:#f8fafc}.hr-brand small{color:#cbd5e1}.hr-nav{display:flex;flex-direction:column;gap:.4rem}.hr-nav__link{width:100%;border:none;background:transparent;color:#e5e7eb;font-weight:600;padding:.7rem .65rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.hr-nav__link:hover{background:#ffffff14;transform:translate(2px)}.hr-nav__link.is-active{background:linear-gradient(120deg,#5b9bff59,#22c5eb26);color:#f8fafc}.hr-pill{background:#5b9bff1f;color:#000;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.hr-pill--primary{background-color:#f8fafc;color:#0f172a;border-color:#cbd5e1;box-shadow:#2563eb40 0 6px 18px;font-weight:700;padding:8px 14px;transition:.12s;min-width:92px;text-align:center}.hr-pill--danger{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.35)}.hr-pill.approved{background:#10b9812e;color:#0f5132;border:1px solid rgba(16,185,129,.35)}.hr-pill.pending{background:#f59e0b33;color:#92400e;border:1px solid rgba(245,158,11,.35)}.hr-pill.rejected{background:#ef444433;color:#b91c1c;border:1px solid rgba(239,68,68,.35)}.hr-sidebar__profile{margin-top:auto;display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.hr-portal__main{flex:1;padding:2rem 2.25rem 2.5rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1;min-width:0;width:100%;overflow-x:hidden}.hr-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.hr-header h1{margin:.35rem 0 .25rem;font-size:1.9rem}.hr-header__actions{display:flex;align-items:center;gap:.65rem}.hr-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:999px;background:#5b9bff24;color:#1d4ed8;font-weight:700;font-size:.9rem}.hr-search{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--hr-border);background:#fff;padding:.55rem .9rem;width:100px;border-radius:12px;box-shadow:0 10px 30px #0f172a14}.hr-search input{border:none;outline:none;background:transparent;font:inherit}.hr-search--wide{min-width:180px}.hr-header--compact{gap:.75rem}.hr-icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--hr-border);background:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 30px #0f172a1a;color:var(--hr-muted)}.hr-icon-btn:hover{transform:translateY(-1px);box-shadow:0 15px 30px #0f172a1f;color:var(--hr-primary-strong)}.hr-icon-btn--table{width:34px;height:34px;border-radius:10px;box-shadow:none;background:#fff}.hr-icon-btn--table:hover{box-shadow:0 10px 22px #0f172a1f}.hr-icon-btn--success{background:#22c55e1f;border-color:#16a34a40;color:#15803d}.hr-icon-btn--danger{background:#ef44441f;border-color:#ef444440;color:#b91c1c}.hr-action-group{display:inline-flex;align-items:center;gap:.4rem}.hr-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.hr-stat-card{background:var(--hr-card);border:1px solid var(--hr-border);border-radius:18px;padding:1.2rem 1.35rem;box-shadow:0 22px 55px #0f172a14;position:relative;overflow:hidden;animation:floatIn .5s ease forwards;display:flex;flex-direction:column;gap:.85rem}.hr-stat-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% -10%,rgba(91,155,255,.12),transparent 45%);pointer-events:none}.hr-stat-card p{margin:0;color:var(--hr-muted);font-weight:600}.hr-stat-card__head{display:flex;align-items:center;gap:.6rem}.hr-stat-title{margin:0;font-size:1.05rem;font-weight:700;color:#475569}.hr-stat-card__icon{width:34px;height:34px;border-radius:12px;background:#5b9bff1a;display:grid;place-items:center;color:var(--hr-primary-strong)}.hr-stat-breakdown{display:flex;gap:.65rem;align-items:stretch;justify-content:space-between}.hr-stat-mini{flex:1 1 0;min-width:0;padding:.45rem .55rem;border-radius:14px;background:#f8fafc;border:1px solid rgba(148,163,184,.28);text-align:center;box-shadow:inset 0 1px #fff9;display:grid;gap:.2rem}.hr-stat-mini p{margin:0;font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.hr-stat-mini strong{font-size:1.5rem;color:#0f172a}@media(max-width:920px){.hr-stat-breakdown{flex-wrap:wrap}.hr-stat-mini{flex:1 1 calc(33.333% - .65rem)}}@media(max-width:640px){.hr-stat-mini{flex:1 1 calc(50% - .65rem)}}.hr-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:999px;font-weight:700;font-size:.8rem;background:#5b9bff1a;color:var(--hr-primary-strong)}.hr-chip.positive{background:#16a34a1f;color:#16a34a}.hr-chip.negative{background:#ef44441f;color:#b91c1c}.hr-chip.neutral{background:#0f172a0d;color:var(--hr-muted)}.hr-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1.25rem}.hr-grid--split{grid-template-columns:1.2fr 1fr}.hr-panel{background:var(--hr-card);border:1px solid var(--hr-border);border-radius:20px;padding:1.25rem 1.35rem;box-shadow:0 25px 60px #0f172a17;position:relative;overflow:hidden;min-width:0}.hr-panel--wide{min-height:320px}.hr-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.hr-panel__header h2{margin:.25rem 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--hr-muted);font-weight:800;font-size:.75rem;margin:0}.hr-trends{display:grid;grid-template-columns:repeat(6,1fr);gap:.85rem;align-items:end;height:230px}.hr-bar{display:flex;flex-direction:column;align-items:center;gap:.45rem}.hr-bar--button{background:transparent;border:none;padding:0;cursor:pointer;color:inherit}.hr-bar--button:focus-visible .hr-bar__fill{outline:2px solid rgba(59,130,246,.6);outline-offset:3px}.hr-bar--button:hover .hr-bar__fill{transform:translateY(-4px);box-shadow:0 18px 38px #3b82f652}.hr-bar__fill{width:100%;border-radius:14px;background:linear-gradient(180deg,#5b9bff,#3b82f6);position:relative;min-height:40px;display:flex;align-items:flex-end;justify-content:center;color:#fff;font-weight:700;box-shadow:0 15px 35px #3b82f640;transition:transform .2s ease,box-shadow .2s ease}.hr-bar__fill span{font-size:.8rem;padding:.2rem .35rem}.hr-panel--chart{min-height:320px}.hr-donut{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.hr-donut__chart{width:180px;aspect-ratio:1 / 1;border-radius:50%;position:relative;background:conic-gradient(#e5e7eb 0deg 360deg);box-shadow:0 18px 40px #0f172a14}.hr-donut__chart:after{content:"";position:absolute;inset:18%;background:#fff;border-radius:50%}.hr-donut__center{position:absolute;inset:26%;border-radius:50%;background:linear-gradient(145deg,#5b9bff1f,#22c5eb1a);display:grid;place-items:center;text-align:center;padding:.75rem;color:var(--hr-ink)}.hr-donut__center strong{font-size:1.4rem}.hr-donut__legend{display:flex;flex-direction:column;gap:.6rem}.hr-legend__row{display:flex;align-items:center;gap:.55rem;color:var(--hr-muted);font-weight:600}.hr-legend__row span{width:12px;height:12px;border-radius:4px;display:inline-block}.hr-table{border:1px solid var(--hr-border);border-radius:16px;overflow:hidden}.hr-table__head,.hr-table__row{display:grid;grid-template-columns:1.8fr 1fr 1.4fr 1.2fr;align-items:center;gap:.5rem}.hr-table__head{background:#f8fafc;padding:.9rem 1rem;font-weight:700;color:var(--hr-muted);letter-spacing:.02em;text-transform:uppercase;font-size:.75rem}.hr-table__row{padding:.9rem 1rem;border-top:1px solid var(--hr-border)}.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{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.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 1.2fr .8fr;align-items:center}.hr-table--latein .hr-table__head span:nth-child(n+3):nth-child(-n+6),.hr-table--latein .hr-table__row .hr-cell:nth-child(n+3):nth-child(-n+6){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{display:flex;flex-direction:column;gap:.2rem;color:var(--hr-ink)}.hr-cell--user{flex-direction:row;align-items:center;gap:.65rem}.hr-cell--actions{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem;align-items:center;flex-wrap:nowrap}.hr-table--profiles .hr-cell--actions{flex-wrap:nowrap;gap:.35rem}.hr-table--profiles .hr-btn--sm{padding:.35rem .7rem}.hr-filter-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.hr-filter-cluster{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}.hr-filter-cluster--row{flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}.hr-filter-select{display:flex;flex-direction:column;gap:.35rem;font-weight:700;color:var(--hr-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.hr-filter-select--inline{align-items:flex-start}.hr-filter-select--inline select{padding:.5rem .9rem}.hr-filter-group{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.hr-filter-label{font-weight:700;color:var(--hr-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.hr-filter-select select{border:1px solid var(--hr-border);border-radius:12px;padding:.55rem .75rem;font:inherit;font-weight:700;color:var(--hr-ink);background:#fff;min-width:10px;box-shadow:0 10px 25px #0f172a14}.hr-filter-select select:focus{border-color:#0f172a;box-shadow:0 0 0 4px #0f172a1f;outline:none}.hr-cell--reason p,.hr-cell--reason small,.hr-cell--user small{word-break:break-word}.hr-text-clip{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;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{width:44px;height:44px;border-radius:14px;background:#e2e8f0;display:grid;place-items:center;font-weight:800;color:#1d4ed8}.hr-avatar--soft{background:#5b9bff1f;color:#1d4ed8}.hr-status{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .8rem;border-radius:999px;font-weight:700;font-size:.85rem;background:#f8fafc;border:1px solid var(--hr-border)}.hr-status.is-active{background:#22c55e1f;color:#15803d;border-color:#22c55e40}.hr-status.is-locked{background:#6366f11f;color:#4338ca;border-color:#6366f140}.hr-status.is-inactive{background:#ef44441f;color:#b91c1c;border-color:#ef444440}.hr-btn{border:none;border-radius:999px;padding:.55rem 1.1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease;font-size:.9rem}.hr-btn--sm{padding:.4rem .9rem;font-size:.82rem}.hr-btn--primary{background:linear-gradient(120deg,#60a5fa,#3b82f6);color:#fff;box-shadow:0 12px 30px #3b82f640}.hr-btn--primary:hover{transform:translateY(-1px)}.hr-btn--ghost{background:#f8fafc;color:var(--hr-muted);border:1px solid var(--hr-border)}.hr-spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite}.hr-spinner--dark{border-color:#0f172a33;border-top-color:var(--hr-ink)}.hr-panel--mail{display:flex;flex-direction:column;gap:1rem}.hr-mail__actions{display:flex;gap:.6rem;align-items:center}.hr-mail__summary{display:flex;align-items:center;gap:1.25rem;background:#f8fafc;border:1px solid var(--hr-border);padding:.85rem 1rem;border-radius:14px;color:var(--hr-ink);flex-wrap:wrap}.hr-mail__summary p{margin:0;font-size:.8rem;font-weight:700;color:var(--hr-muted)}.hr-mail__summary strong{font-size:1.1rem}.hr-mail__status{margin-left:auto;font-weight:700;color:var(--hr-primary-strong)}.hr-link{border:none;background:none;color:var(--hr-primary-strong);font-weight:700;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}.hr-empty{padding:1.1rem 1rem;border-radius:14px;background:#f8fafc;color:var(--hr-muted);display:flex;align-items:center;gap:.45rem;border:1px dashed var(--hr-border)}.hr-empty--error{background:#ef444414;color:#b91c1c;border-color:#ef444440}.hr-updates{display:flex;flex-direction:column;gap:.75rem}.hr-update{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center;padding:.9rem;border-radius:14px;border:1px solid var(--hr-border);background:#f8fafc}.hr-update__body p{margin:.2rem 0 0;color:var(--hr-muted)}.hr-update__body span{color:var(--hr-primary-strong);font-weight:700}.hr-update__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;color:var(--hr-muted)}.hr-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:1;background:#3b82f6;color:#fff;padding:.75rem 1.2rem;border-radius:999px;border:1px solid rgba(22,163,74,.35);font-weight:700;box-shadow:0 18px 40px #0f172a2e}.hr-toast--error{background:#ef44441f;border-color:#ef444459;color:#991b1b;display:inline-flex;align-items:center;gap:.45rem}.hr-modal-backdrop{position:fixed;inset:0;background:#0f172a59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:50;padding:1rem}body.hr-modal-lock{overflow:hidden}.hr-modal-card{width:min(640px,96%);background:#fff;border-radius:20px;border:1px solid var(--hr-border);box-shadow:0 30px 80px #0f172a40;padding:1.25rem 1.35rem;display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 2rem);overflow:hidden}.hr-modal-card--wide{width:min(920px,98%);max-height:calc(100vh - 2rem)}.hr-logout-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15),transparent 32%),radial-gradient(circle at 75% 25%,rgba(16,185,129,.12),transparent 30%),#0f172a73}.hr-modal-card--logout{max-width:640px;padding:1.4rem 1.6rem;border-radius:22px;background:linear-gradient(135deg,#fff,#f8fbff 80%);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{display:flex;gap:.5rem;margin-top:.75rem}.hr-btn--pill{border-radius:999px;min-width:140px;justify-content:center}.hr-btn--frost{background:#ffffffb3;border:1px solid rgba(148,163,184,.35);color:var(--hr-ink);box-shadow:inset 0 1px #fff9}.hr-btn--gradient{background:linear-gradient(120deg,#60a5fa,#2563eb);color:#fff;box-shadow:0 16px 35px #3b82f659}.hr-logout-timer{font-weight:700;color:#2563eb}.hr-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.hr-modal__body{display:flex;flex-direction:column;gap:.9rem;flex:1;min-height:0;overflow-y:auto;padding-right:.35rem}.hr-modal__table-scroll{max-height:58vh;overflow-y:auto;border:1px solid var(--hr-border);border-radius:16px;background:#fff}.hr-modal__table-scroll .hr-table{border:none;border-radius:0}.hr-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem 1rem}.hr-form-span-full{grid-column:1 / -1}.hr-form-grid--compact{margin-top:.75rem}.hr-field--stack{gap:.6rem}.hr-leave-section{background:#f8fafc;border:1px solid var(--hr-border);border-radius:18px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.9rem}.hr-leave-section--flat{background:#f8fafc;border-color:#94a3b833}.hr-leave-section__title{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:#2563eb;font-size:.95rem}.hr-leave-dot{width:10px;height:10px;border-radius:999px;background:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.hr-select-shell{display:flex;align-items:center;gap:.6rem;border:1px solid var(--hr-border);border-radius:12px;padding:.6rem .8rem;background:#fff;box-shadow:0 10px 25px #0f172a0f}.hr-select-shell--wide{padding:.75rem .9rem;border-radius:14px}.hr-select-shell select{border:none;background:transparent;font:inherit;width:100%;outline:none}.hr-toggle-group{display:flex;gap:.6rem;background:#eef2f7;border-radius:12px;padding:.3rem}.hr-toggle-group--pill{background:#edf2f7;border-radius:14px;padding:.35rem}.hr-toggle-group--flat{background:transparent;padding:0;gap:.5rem}.hr-toggle{border:none;background:transparent;font-weight:700;padding:.5rem 1rem;border-radius:10px;color:#475569;cursor:pointer;transition:all .15s ease}.hr-toggle-group--pill .hr-toggle{flex:1;text-align:center;background:transparent;border:1px solid transparent}.hr-toggle-group--flat .hr-toggle{border:1px solid rgba(148,163,184,.35);background:#f8fafc;padding:.4rem .8rem;font-size:.85rem}.hr-toggle.is-active{background:#2563eb;color:#fff;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{margin-top:.75rem;padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(148,163,184,.25);background:#f1f5f9;display:flex;flex-direction:column;gap:.8rem}.hr-halfday-panel__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:700;color:#334155}.hr-halfday-card{margin-top:.75rem;padding:1rem;border-radius:16px;border:1px solid rgba(148,163,184,.35);background:#eef5ff;display:flex;flex-direction:column;gap:.8rem}.hr-halfday-header{display:flex;align-items:center;justify-content:space-between;font-weight:700;color:#1f2937}.hr-chip--soft{background:#2563eb1f;color:#1d4ed8}.hr-time-reference{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#1f2937;background:#fff;padding:.6rem .75rem;border-radius:12px;border:1px solid rgba(148,163,184,.35);width:-moz-fit-content;width:fit-content}.hr-change-list{display:flex;flex-direction:column;gap:.9rem;max-height:55vh;overflow-y:auto;padding-right:.25rem}.hr-change{border:1px solid var(--hr-border);border-radius:14px;padding:.75rem .9rem;background:#f8fafc;display:flex;flex-direction:column;gap:.5rem}.hr-info-card{border:1px solid var(--hr-border);border-radius:16px;padding:.85rem .95rem;background:#f8fafc;display:flex;flex-direction:column;gap:.65rem;box-shadow:0 12px 28px #0f172a1f}.hr-info-card__head{display:flex;align-items:flex-end;gap:.5rem}.hr-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem}.hr-info-field{background:#fff;border:1px solid var(--hr-border);border-radius:12px;padding:.7rem .8rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:inset 0 1px #ffffffe6}.hr-info-field--wide{grid-column:span 2}.hr-info-field p{margin:0;font-size:.82rem;font-weight:700;color:var(--hr-muted)}.hr-info-field strong{font-size:.95rem;color:var(--hr-ink);word-break:break-word}.hr-change__meta{display:flex;align-items:center;gap:.6rem;color:var(--hr-muted);font-weight:700;font-size:.85rem}.hr-change__values{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.hr-change__values div{background:#fff;border:1px solid var(--hr-border);border-radius:12px;padding:.65rem .75rem}.hr-change__values p{margin:0;font-weight:700;font-size:.8rem;color:var(--hr-muted)}.hr-change__values strong{word-break:break-word}.hr-change__comments{margin:0;color:var(--hr-muted)}.hr-modal__actions{display:flex;justify-content:flex-end;gap:.6rem}.hr-modal__error{margin:.35rem 0 0;color:#b91c1c;font-weight:700}.hr-icon-btn--soft{background:#f8fafc;border-color:var(--hr-border);box-shadow:none}.hr-settings-form{display:flex;flex-direction:column;gap:1rem}.hr-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem}.hr-field{display:flex;flex-direction:column;gap:.4rem;font-weight:600;color:var(--hr-ink)}.hr-field span{font-size:.85rem;color:var(--hr-muted)}.hr-field input,.hr-field select,.hr-field textarea{border:1px solid var(--hr-border);border-radius:12px;padding:.65rem .8rem;font:inherit;background:#fff;box-shadow:0 10px 25px #0f172a0f}.hr-field input:focus,.hr-field select:focus,.hr-field textarea:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px #2563eb26;outline:none}.hr-field input[readonly],.hr-field textarea[readonly]{background:#f8fafc;color:var(--hr-muted)}.hr-field textarea{resize:vertical;min-height:110px}.hr-settings-toggle{align-self:flex-start;gap:.35rem}.hr-settings-alert{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem .9rem;border-radius:12px;font-weight:700}.hr-settings-alert--error{background:#ef44441f;color:#991b1b;border:1px solid rgba(239,68,68,.35)}.hr-settings-alert--success{background:#16a34a1f;color:#14532d;border:1px solid rgba(22,163,74,.35)}.hr-settings-actions{display:flex;justify-content:flex-start}@keyframes floatIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.hr-grid,.hr-grid--split{grid-template-columns:1fr}.hr-portal__sidebar{position:fixed;inset:0 60% 0 0;height:auto}}@media(max-width:900px){.hr-portal{flex-direction:column}.hr-portal__sidebar{position:relative;width:100%;height:auto;flex-direction:row;flex-wrap:wrap;gap:.75rem}.hr-portal__main{padding:1.5rem}}@media(max-width:640px){.hr-header{flex-direction:column;align-items:flex-start}.hr-header__actions{width:100%;flex-wrap:wrap}.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{width:100%;height:20%;justify-content:center;padding:.7rem 1rem;border-radius:20px;font-size:1.1rem;background:#f8fafce6;box-shadow:0 12px 30px #0f172a14;margin-top:1.5rem}.hr-dashboard__cta:hover{transform:translateY(-1px);color:#000;background-color:#fff}.hr-today-card__header small{color:var(--hr-muted);font-weight:600}.hr-today-card__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.9rem;margin-top:.4rem}.hr-today-card__metric{background:#fff;border:1px solid var(--hr-border);border-radius:16px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 18px 35px #0f172a14}.hr-today-card__metric p{margin:0;color:var(--hr-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.hr-today-card__metric strong{font-size:2.1rem;color:var(--hr-ink)}.hr-table--visits .hr-table__head,.hr-table--visits .hr-table__row{grid-template-columns:1.6fr 1.2fr 1fr .9fr 1fr;min-width:900px}.hr-table--visits{overflow-x:auto;margin-top:1rem}.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-direction:column;align-items:flex-end;justify-content:center;flex-wrap:nowrap;gap:.4rem}.hr-table--visits .hr-btn--sm{white-space:nowrap;min-width:10px;justify-content:center}.hr-table--visits .hr-pill{width:-moz-fit-content;width:fit-content;max-width:-moz-max-content;max-width:max-content}.hr-table--visit-titles .hr-table__head,.hr-table--visit-titles .hr-table__row{grid-template-columns:1.8fr .7fr .8fr .8fr 1.5fr;min-width:860px}.hr-table--visit-titles{overflow-x:auto}.hr-table--visit-titles .hr-cell--actions{flex-wrap:wrap;justify-content:flex-end}.hr-mail-selector{margin-bottom:1rem;padding:1rem;background:#5b9bff0d;border-radius:12px;border:1px dashed rgba(91,155,255,.3)}.hr-mail-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;min-height:24px}.hr-mail-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .65rem;background:#fff;border:1px solid var(--hr-border);border-radius:8px;font-size:.85rem;font-weight:600;color:var(--hr-ink);box-shadow:0 2px 5px #0000000d}.hr-mail-chip button{background:none;border:none;padding:0;display:flex;align-items:center;color:var(--hr-muted);cursor:pointer;transition:color .2s}.hr-mail-chip button:hover{color:var(--hr-danger)}.hr-mail-search-box{display:flex;gap:.5rem}.hr-mail-input-wrapper{flex:1;position:relative}.hr-mail-input{width:100%;padding:.65rem .9rem;border-radius:12px;border:1px solid var(--hr-border);background:#fff;font-size:.9rem;transition:all .2s}.hr-mail-input:focus{border-color:var(--hr-primary);box-shadow:0 0 0 4px #5b9bff26;outline:none}.hr-mail-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#fff;border:1px solid var(--hr-border);border-radius:12px;box-shadow:0 15px 40px #0f172a26;z-index:100;max-height:220px;overflow-y:auto;animation:slideDown .2s ease}.hr-mail-option{width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;font-size:.9rem;font-weight:500;color:var(--hr-ink);cursor:pointer;transition:background .15s;display:block}.hr-mail-option--detailed{display:flex;justify-content:space-between;align-items:center;padding:.65rem 1rem;border-bottom:1px solid rgba(0,0,0,.03)}.hr-mail-option--detailed:last-child{border-bottom:none}.hr-mail-option__info{display:flex;flex-direction:column;gap:.05rem;min-width:0}.hr-mail-option__info strong{font-size:.9rem;color:var(--hr-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hr-mail-option__info small{font-size:.75rem;color:var(--hr-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hr-mail-option__tag{font-size:.65rem;font-weight:700;text-transform:uppercase;color:#3b82f6;background:#3b82f614;padding:.2rem .5rem;border-radius:6px;flex-shrink:0}.hr-mail-option:hover{background:#5b9bff14}.hr-mail-option--empty{color:var(--hr-muted);cursor:default;font-style:italic;padding:1rem;text-align:center}.hr-mail-option--hint{border-top:1px solid var(--hr-border);background:#22c55e0d;color:var(--hr-success);padding:.75rem 1rem;font-size:.85rem}.hr-mail-option--hint strong{margin-left:.25rem;color:#0d1326;text-decoration:underline}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.apply-shell{background:#f5f9ff;min-height:100vh;padding:2rem clamp(1rem,3vw,4rem);display:flex;flex-direction:column;gap:2rem}.apply-card{background:#fff;border-radius:24px;padding:clamp(1.5rem,2vw,2.5rem);box-shadow:0 40px 80px #0f172a0f}.apply-card h2{margin-bottom:1.5rem;font-size:1.4rem;color:#1f1f1f}.form-stack{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.label{font-size:.95rem;font-weight:600;color:#0f172a}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.option-pill{border:2px solid #f1f2f5;border-radius:20px;padding:1rem;text-align:left;background:#fff;display:flex;gap:.75rem;align-items:center;cursor:pointer;transition:border .2s ease,background .2s ease}.option-pill:hover{border-color:#3b82f659}.option-pill.is-active{border-color:#3b82f6;background:#e9f2ff}.option-icon{width:48px;height:48px;border-radius:16px;background:#bfdbfe80;display:grid;place-items:center;font-size:1.3rem}.option-title{font-weight:600;display:block;margin-bottom:.15rem}.date-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.field{width:100%;border-radius:14px;border:1px solid #e4e6eb;padding:.85rem 1rem;font-size:1rem;background:#fff}.field:focus{outline:2px solid #3b82f6;border-color:transparent}.totals{font-size:.9rem;color:#64748b}.primary-btn{background:#3b82f6;border:none;border-radius:16px;padding:1rem;font-size:1.05rem;color:#fff;cursor:pointer;margin-top:.5rem;transition:transform .15s ease,box-shadow .15s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 18px 30px #3b82f640}.field-hint{color:#1f2937;display:block;margin-top:.35rem;text-align:right;font-weight:700;font-size:.9rem}.field-hint.is-warning{color:#b91c1c}@media(min-width:900px){.apply-shell{flex-direction:row}.apply-card{flex:1}}.hr-reports__sub{margin:.35rem 0 0;color:var(--hr-muted);font-weight:600}.hr-reports__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}.hr-reports__summary-card{background:var(--hr-card);border:1px solid var(--hr-border);border-radius:20px;padding:1.2rem 1.35rem;box-shadow:0 22px 60px #0f172a14;display:flex;flex-direction:column;gap:1rem}.hr-reports__summary-card--accent{background:linear-gradient(135deg,#5b9bff24,#22c5eb14),#fff;border-color:#3b82f640}.hr-reports__summary-header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.hr-reports__summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.7rem}.hr-reports__summary-item{background:#f8fafc;border:1px solid var(--hr-border);border-radius:14px;padding:.8rem .9rem;display:flex;flex-direction:column;gap:.3rem;font-weight:700;color:var(--hr-ink)}.hr-reports__summary-item span{color:var(--hr-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.hr-reports__summary-list{display:grid;gap:.65rem}.hr-reports__summary-list div{display:flex;justify-content:space-between;font-weight:700;color:var(--hr-ink)}.hr-reports__summary-list span{color:var(--hr-muted);font-weight:600}.hr-reports__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.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;padding:1.25rem 1.35rem;box-shadow:0 22px 55px #0f172a14;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.report-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% -10%,rgba(91,155,255,.15),transparent 45%)}.report-card__header{display:flex;justify-content:space-between;gap:1rem}.report-card__header h3{margin:.35rem 0 .2rem}.report-card__header small{color:var(--hr-muted);font-weight:600}.report-badge{background:#0f172a0f;border:1px solid var(--hr-border);border-radius:999px;padding:.35rem .65rem;font-size:.7rem;font-weight:700;color:var(--hr-muted);align-self:flex-start}.report-form{display:grid;gap:.75rem}.report-form--grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.report-form label{display:flex;flex-direction:column;gap:.45rem;font-weight:700;color:var(--hr-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.report-form input{border:1px solid var(--hr-border);border-radius:12px;padding:.6rem .75rem;font:inherit;font-weight:600;color:var(--hr-ink);background:#fff;text-transform:none;letter-spacing:normal}.report-form input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.report-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.report-preview{border:1px dashed var(--hr-border);border-radius:16px;padding:.85rem .95rem;background:#f8fafc;display:flex;flex-direction:column;gap:.75rem}.report-preview__header{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--hr-muted)}.report-preview__table{display:grid;gap:.65rem}.report-preview__row{display:flex;justify-content:space-between;gap:1rem;background:#fff;border:1px solid var(--hr-border);border-radius:12px;padding:.6rem .75rem;font-weight:600}.report-preview__row strong{display:block;color:var(--hr-ink)}.report-preview__row small{color:var(--hr-muted)}.report-preview__foot{text-align:center;font-size:.8rem;color:var(--hr-muted)}.report-preview__empty{color:var(--hr-muted);font-weight:600}.report-preview__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.7rem}.report-preview__stats div{background:#fff;border:1px solid var(--hr-border);border-radius:12px;padding:.6rem .7rem;display:flex;flex-direction:column;gap:.3rem;font-weight:700}.report-preview__stats span{color:var(--hr-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.report-preview__json{background:#0f172a;color:#f8fafc;border-radius:12px;padding:.75rem;font-size:.75rem;max-height:200px;overflow:auto}.report-preview__note{font-size:.8rem;color:var(--hr-muted);font-weight:600}.report-preview__kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem}.report-preview__kv-item{border:1px solid var(--hr-border);border-radius:12px;padding:.6rem .7rem;background:#fff;display:flex;flex-direction:column;gap:.35rem}.report-preview__kv-item span{color:var(--hr-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.report-preview__kv-item strong{color:var(--hr-ink);font-weight:700;font-size:.95rem;line-height:1.3;word-break:break-word}.report-error{margin:0;color:#b91c1c;font-weight:700}@media(max-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{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--hr-border);border-radius:12px;box-shadow:0 18px 45px #0f172a2e;max-height:220px;overflow-y:auto;padding:.35rem}.employee-select__option{width:100%;display:flex;justify-content:space-between;gap:.6rem;align-items:center;border:none;background:#f8fafc;border-radius:10px;padding:.55rem .65rem;text-align:left;cursor:pointer;font:inherit;color:var(--hr-ink)}.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{font-weight:700;color:var(--hr-primary-strong)}.employee-select__empty{padding:.6rem .75rem;color:var(--hr-muted);font-weight:600}.employee-select__hint{font-size:.75rem;color:var(--hr-muted);text-transform:none;letter-spacing:normal}.hr-reports__summary-stack{display:flex;flex-direction:column;gap:.8rem}.hr-reports__summary-grid--secondary{background:#f8fafc;border:1px dashed var(--hr-border);border-radius:14px;padding:.6rem}.hr-reports__summary-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.9rem}.hr-reports__summary-metric{background:#fff;border:1px solid var(--hr-border);border-radius:16px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 18px 35px #0f172a14}.hr-reports__summary-metric p{margin:0;color:var(--hr-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.hr-reports__summary-metric strong{font-size:2.1rem;color:var(--hr-ink)}.hr-reports__summary-cta{width:100%;justify-content:center;padding:.7rem 1rem;border-radius:999px;font-size:.95rem;background:#ffffffb3;box-shadow:0 12px 30px #0f172a14}