:root{color-scheme:light;font-family:DM Sans,Inter,system-ui,sans-serif;background:#f0f9ff;color:#0f172a}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:#f0f9ff}header nav a,header nav a:focus,header nav a:active,header nav a:hover,header nav button,header nav button:focus,header nav button:active,header nav button:hover{background:transparent!important;outline:none!important;box-shadow:none!important}.admin-shell{min-height:100vh;background:#f8fafc}.admin-layout{display:flex;min-height:calc(100vh - 78px)}.admin-content{flex:1;padding:32px 24px 40px}.admin-header{background:#fff;border-bottom:1px solid rgba(148,163,184,.2);box-shadow:0 1px 2px #0f172a0a}.admin-header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:78px;padding:0 18px}.admin-header-left{display:flex;align-items:center;gap:12px}.admin-menu-button{border:0;background:transparent;cursor:pointer;padding:0}.admin-logo{width:150px;object-fit:contain}.admin-header-label{color:#475569;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.admin-header-right{display:flex;align-items:center}.admin-profile-card{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid rgba(148,163,184,.2);border-radius:999px;padding:6px 16px 6px 8px;cursor:pointer}.admin-profile-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.admin-profile-copy{display:flex;flex-direction:column;line-height:1.1}.admin-profile-text{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.admin-drawer{width:260px;background:#fff;border-right:1px solid rgba(148,163,184,.2);box-shadow:0 8px 25px #0f172a0a}.admin-drawer-inner{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 78px);padding:20px 18px 18px}.admin-drawer-profile{display:flex;align-items:center;gap:12px;padding:8px 4px 20px;border-bottom:1px solid rgba(148,163,184,.18)}.admin-drawer-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover}.admin-drawer-profile h3{margin:0;font-size:1rem;color:#0f172a}.admin-drawer-profile p{margin:4px 0 0;color:#64748b;font-size:.8rem}.admin-nav{display:flex;flex-direction:column;gap:8px;padding-top:20px;flex:1}.admin-nav-item{display:block;text-decoration:none;color:#334155;padding:10px 12px;border-radius:12px;transition:.2s ease;font-weight:600}.admin-nav-item:hover,.admin-nav-item.active{background:#e0f2fe;color:#075985}.admin-drawer-footer{border-top:1px solid rgba(148,163,184,.18);padding-top:18px}.admin-logout-button,.primary-button,.secondary-button,.danger-button{border:none;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;transition:opacity .2s ease}.admin-logout-button,.primary-button{background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff}.secondary-button{background:#e2e8f0;color:#0f172a}.danger-button{background:#fee2e2;color:#b91c1c}.admin-logout-button{width:100%}.admin-page{max-width:1200px;margin:0 auto}.page-header{margin-bottom:24px}.page-header-inline{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow-text{margin:0 0 8px;color:#0ea5e9;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-header h1{margin:0;font-size:clamp(2rem,3vw,2.7rem);color:#0f172a}.summary-grid,.info-panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.summary-card,.info-panel,.table-card,.form-card,.list-card{background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:18px;box-shadow:0 12px 30px #0f172a0a}.summary-card{padding:20px 22px;display:flex;flex-direction:column;gap:8px}.summary-card span{color:#64748b;font-size:.8rem;font-weight:600}.summary-card strong{font-size:clamp(2rem,3vw,2.6rem);color:#0f172a}.summary-card small{color:#475569}.info-panel-grid{margin-top:24px}.info-panel{padding:22px 24px}.info-panel h3{margin:0 0 12px}.info-panel ul,.list-stack{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:10px;color:#334155}.table-card,.form-card,.list-card{padding:18px 20px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:14px 10px;border-bottom:1px solid rgba(148,163,184,.16);text-align:left;color:#334155}.data-table th{background:#f8fafc;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#475569}.clickable-row{cursor:pointer}.row-actions{display:flex;gap:8px}.status-tag{display:inline-flex;align-items:center;border-radius:999px;background:#dbeafe;color:#1d4ed8;padding:6px 10px;font-size:.72rem;font-weight:700}.user-form,.admin-form{display:flex;flex-direction:column;gap:20px}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}label{display:flex;flex-direction:column;gap:8px;color:#334155;font-weight:600}label span{font-size:.82rem}input,select,textarea{width:100%;border:1px solid rgba(148,163,184,.5);border-radius:12px;padding:11px 12px;background:#fff;color:#0f172a;font:inherit}.full-width{grid-column:1 / -1}.modal-backdrop{position:fixed;inset:0;background:#0f172a80;display:grid;place-items:center;z-index:1000}.modal-panel{width:min(720px,calc(100vw - 24px));background:#fff;border-radius:24px;padding:22px 24px 18px;box-shadow:0 30px 80px #0f172a3d}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-header h2{margin:0;color:#0f172a}.close-button{border:none;background:#e2e8f0;border-radius:50%;width:32px;height:32px;font-size:1.5rem;line-height:1;cursor:pointer;color:#334155}.modal-actions,.form-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.modal-actions-right{display:flex;gap:10px}.list-card h3{margin:0 0 14px}.list-stack{list-style:none;padding:0}.list-stack li{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border-radius:12px;padding:12px 14px}.list-stack li strong,.list-stack li span,.list-stack li em{display:block}.list-stack li span,.list-stack li em{font-size:.78rem;color:#64748b}.services-menu-button{cursor:pointer}.services-menu-panel{animation:menuFadeIn .18s ease-out}@keyframes menuFadeIn{0%{opacity:0;transform:translate(-50%,8px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}img{display:block}.gradient-text{background:linear-gradient(135deg,#1e3a5f,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease;visibility:hidden}.reveal-visible{opacity:1;transform:translateY(0);visibility:visible}.reveal-delay-100{transition-delay:.1s}.reveal-delay-200{transition-delay:.2s}.reveal-delay-300{transition-delay:.3s}.canva-card,.card,.panel,.feature{will-change:transform,opacity}.hover-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.hover-card:hover{transform:translateY(-6px);box-shadow:0 32px 80px #0f172a29;border-color:#0ea5e938}.hover-card img{transition:transform .4s ease}.hover-card:hover img{transform:scale(1.02)}.service-card{position:relative;perspective:1200px;transform-style:preserve-3d;border:1px solid rgba(148,163,184,.18);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.service-card:hover{transform:translateY(-10px) rotateX(2deg) rotateY(-2deg);box-shadow:0 32px 85px #0e74902e;border-color:#0ea5e947}.service-card-media{position:relative;overflow:hidden;transform:translateZ(18px);transition:transform .45s ease,filter .45s ease}.service-card:hover .service-card-media{transform:translateZ(32px) scale(1.04);filter:saturate(1.08) contrast(1.02)}.service-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0ea5e92e,#0f172a00);opacity:0;transition:opacity .35s ease}.service-card:hover .service-card-media:after{opacity:1}.service-card-content{position:relative;transform:translateZ(24px);transition:transform .35s ease}.service-card:hover .service-card-content{transform:translateZ(34px)}@media (prefers-reduced-motion: reduce){.service-card,.service-card-media,.service-card-content{transition:none;transform:none}}.why-card{opacity:0;transform:translateY(24px) scale(.96);animation:whyCardEntrance .75s cubic-bezier(.2,.8,.2,1) forwards}.why-icon{position:relative;animation:whyIconOrbit 2.8s ease-in-out infinite;transform-origin:center}.why-icon:before{content:"";position:absolute;inset:-8px;border:1px solid rgba(14,165,233,.2);border-radius:9999px;animation:whyOrbitRing 2.6s linear infinite}.why-icon:after{content:"";position:absolute;width:8px;height:8px;border-radius:9999px;background:#0ea5e952;top:-2px;right:2px;animation:whyOrbitDot 2.6s linear infinite}@keyframes whyCardEntrance{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes whyIconOrbit{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(8deg)}}@keyframes whyOrbitRing{0%{transform:scale(.88);opacity:.55}50%{transform:scale(1.05);opacity:1}to{transform:scale(.88);opacity:.55}}@keyframes whyOrbitDot{0%{transform:translate(0) scale(1);opacity:.7}50%{transform:translate(8px,8px) scale(1.2);opacity:1}to{transform:translate(0) scale(1);opacity:.7}}.logo-animate{opacity:0;transform:translateY(-6px) scale(.98);animation:popIn .7s cubic-bezier(.2,.9,.3,1) both}.nav-item .nav-link{opacity:0;transform:translateY(10px);display:inline-block;animation:navFade .56s cubic-bezier(.2,.9,.3,1) both}.nav-item:nth-child(1) .nav-link{animation-delay:.08s}.nav-item:nth-child(2) .nav-link{animation-delay:.14s}.nav-item:nth-child(3) .nav-link{animation-delay:.2s}.nav-item:nth-child(4) .nav-link{animation-delay:.26s}.nav-item:nth-child(5) .nav-link{animation-delay:.32s}.nav-item:nth-child(6) .nav-link{animation-delay:.38s}.nav-item:nth-child(7) .nav-link{animation-delay:.44s}.header-actions .cta-btn{opacity:0;transform:translateY(8px) scale(.98);animation:ctaPop .52s cubic-bezier(.2,.9,.3,1) both;animation-delay:.18s}.header-actions .cta-btn+.cta-btn{animation-delay:.28s}.header-actions .cta-btn{background:#0891b2!important;color:#fff!important}.header-actions .cta-btn:hover{background:#06b6d4!important}.page-container>*{opacity:0;transform:translateY(12px);animation:pageFade .56s cubic-bezier(.2,.9,.3,1) both}@keyframes popIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}60%{opacity:1;transform:translateY(4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes navFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ctaPop{0%{opacity:0;transform:translateY(8px) scale(.98)}70%{opacity:1;transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pageFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.logo-animate,.nav-item .nav-link,.header-actions .cta-btn,.page-container>*{animation:none!important;transition:none!important}}.site-header{position:fixed;top:0;left:0;right:0;z-index:60;background:#ffffffd9;backdrop-filter:blur(6px)}.site-header.mobile-drawer-open{background:#fff!important;backdrop-filter:none!important}.main-content{padding-top:140px}.main-content.main-content--no-header{padding-top:0}@media (max-width: 640px){.main-content{padding-top:112px}}.site-header nav{padding-top:.6rem;padding-bottom:.6rem}.site-header img{height:72px!important;width:auto!important}.floating-search{position:fixed;right:20px;bottom:24px;z-index:70;background:#06b6d4;color:#fff;border:none;border-radius:9999px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #0206172e;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.floating-search:hover{transform:translateY(-6px);box-shadow:0 24px 48px #02061738}.floating-search:active{transform:translateY(-2px)}.floating-search svg{width:22px;height:22px}@media (max-width: 480px){.floating-search{right:14px;bottom:18px;width:52px;height:52px}}.search-dialog{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center}.search-backdrop{position:absolute;inset:0;background:#02061780}.search-modal{position:relative;width:min(760px,94%);background:#fff;border-radius:12px;box-shadow:0 30px 80px #02061752;overflow:hidden}.search-header{display:flex;gap:8px;padding:14px;border-bottom:1px solid #eef2f7}.search-input{flex:1;padding:12px 14px;border:1px solid #e6eef6;border-radius:8px;font-size:16px}.search-close{background:transparent;border:none;font-size:18px;cursor:pointer;padding:6px 8px}.search-results{max-height:56vh;overflow:auto;padding:8px;display:grid;gap:6px}.search-item{text-align:left;padding:12px;border-radius:8px;border:1px solid #f1f5f9;background:#fff;cursor:pointer;display:block}.search-item:hover{background:#f8fafc}.search-item-title{font-weight:600;color:#0f172a}.search-item-sub{font-size:13px;color:#475569;margin-top:4px}.search-empty{padding:18px;color:#64748b}.employee-page{display:flex;flex-direction:column;gap:24px;padding:8px 4px 24px}.employee-header-block{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-kicker{margin:0 0 8px;color:#0ea5e9;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.page-title{margin:0;font-size:clamp(1.75rem,2vw,2.25rem);color:#0f172a}.calendar-legend{display:flex;flex-wrap:wrap;gap:18px;align-items:center;color:#475569;font-size:14px;font-weight:600}.calendar-legend span{display:inline-flex;align-items:center;gap:8px}.legend-swatch{width:14px;height:14px;border-radius:4px;display:inline-block}.legend-mandatory{background:#fca5a5;border:1px solid #ef4444}.legend-optional{background:#fcd34d;border:1px solid #f59e0b}.calendar-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.calendar-shell{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px;box-shadow:0 10px 30px #0f172a0a}.calendar-topbar{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:12px;margin-bottom:12px}.calendar-topbar h3{margin:0;text-align:center;font-size:1.1rem;color:#0f172a}.calendar-nav{width:36px;height:36px;border:1px solid #dbeafe;background:#f8fbff;color:#0f172a;border-radius:10px;font-size:28px;line-height:1;cursor:pointer;transition:all .2s ease}.calendar-nav:hover{background:#e0f2fe;border-color:#7dd3fc}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekday{padding:8px 0;text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:#64748b;text-transform:uppercase}.calendar-day{position:relative;min-height:104px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px 6px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:flex-start}.calendar-day.empty{background:transparent;border:1px dashed #e2e8f0}.calendar-day.today{box-shadow:inset 0 0 0 2px #38bdf8}.calendar-day.mandatory{background:#fee2e2;border-color:#fca5a5}.calendar-day.optional{background:#fef3c7;border-color:#fcd34d}.calendar-day.leave-taken{background:#dbeafe;border-color:#93c5fd}.calendar-day.leave-selected{background:#e0f2fe;border-color:#7dd3fc}.day-number{font-size:.76rem;font-weight:700;color:#0f172a}.holiday-list{display:flex;flex-direction:column;gap:4px;width:100%}.holiday-chip,.leave-label{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:3px 6px;border-radius:999px;font-size:.6rem;font-weight:700;line-height:1.2}.holiday-chip.mandatory,.legend-mandatory{background:#ef44441f;color:#b91c1c}.holiday-chip.optional,.legend-optional{background:#f59e0b1f;color:#b45309}.leave-label{background:#3b82f61f;color:#1d4ed8}.leave-label.selected{background:#0ea5e924;color:#0369a1}.leave-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;box-shadow:0 10px 25px #0f172a0a}.summary-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.08em;color:#64748b;text-transform:uppercase;margin-bottom:8px}.summary-card strong{font-size:1.3rem;color:#0f172a}.leave-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;box-shadow:0 12px 30px #0f172a0a}.leave-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;align-items:end}.leave-form-card label,.selected-leave-box{display:flex;flex-direction:column;gap:8px;color:#334155;font-size:.82rem;font-weight:600}.leave-form-card input,.leave-form-card select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;font:inherit;color:#0f172a;background:#fff}.selected-leave-box{border:1px solid #dbeafe;background:#f8fbff;border-radius:10px;padding:10px 12px}.selected-leave-box strong{font-size:1.4rem;color:#0f172a}.primary-action-btn{margin-top:18px;border:none;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;box-shadow:0 12px 26px #0ea5e93d}.splash-overlay{background:#fff;-webkit-tap-highlight-color:transparent}.splash-card{width:640px;max-width:88vw;height:auto;display:flex;align-items:center;justify-content:center;will-change:transform,opacity}.splash-video{width:100%;height:auto;border-radius:8px;display:block}@media (prefers-reduced-motion: reduce){.splash-card{transition:none!important}}