@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--canvas-bg:#f8fafc;--surface-bg:#fff;--border-divider:#e2e8f0;--text-primary:#0f172a;--text-secondary:#64748b;--text-disabled:#94a3b8;--status-success:#059669;--status-warning:#d97706;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-surface:#fff;--bg-surface-strong:#f1f5f9;--dark-charcoal:#0f172a;--muted-gray:#64748b;--light-gray:#e2e8f0;--white:#fff;--card-bg:#fff;--card-border:#e2e8f0;--glass-bg:#fff;--glass-bg-hover:#f8fafc;--glass-border:#cbd5e1;--glass-shadow:0 4px 12px #0f172a0d;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a0f;--shadow-lg:0 10px 24px #0f172a14;--portal-accent:#3730a3;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--royal-gold:#3730a3;--royal-gold-rgb:55, 48, 163;--gold-gradient:none;--brand-gradient:none;--brand-gradient-soft:none;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}.portal-admin1,[data-portal=admin1]{--portal-accent:#3730a3}.portal-admin2,[data-portal=admin2]{--portal-accent:#0f766e}.portal-accountant,[data-portal=accountant]{--portal-accent:#b45309}.portal-authenticator,[data-portal=authenticator]{--portal-accent:#1c1c1e}.glass-panel,.glass-panel-heavy,.glass-card-interactive,.neo-2d-card{-webkit-backdrop-filter:none!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 1px 3px #0f172a08!important}.glass-card-interactive:hover,.glass-panel:hover,.neo-2d-card:hover{transform:translateY(-2px);border-color:#cbd5e1!important;box-shadow:0 6px 16px #0f172a0f!important}.grid-container{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;width:100%;display:grid}.grid-container>div,.grid-container>button,.grid-container>a,.moduleCardNew,.module-card{cursor:pointer!important;text-align:left!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:14px!important;padding:18px!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;position:relative!important;box-shadow:0 1px 3px #0f172a08!important}.grid-container>div:hover,.grid-container>button:hover,.grid-container>a:hover,.moduleCardNew:hover,.module-card:hover{border-color:var(--portal-accent)!important;background-color:#fff!important;transform:translateY(-3px)!important;box-shadow:0 8px 20px #0f172a14!important}.glass-status-pill{color:#0f172a;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.glass-status-pill.status-present,.glass-status-pill.status-paid,.glass-status-pill.status-active{color:#059669;background-color:#ecfdf5;border-color:#a7f3d0}.glass-status-pill.status-absent,.glass-status-pill.status-unpaid,.glass-status-pill.status-error{color:#dc2626;background-color:#fef2f2;border-color:#fca5a5}.glass-status-pill.status-late,.glass-status-pill.status-pending,.glass-status-pill.status-warning{color:#d97706;background-color:#fffbeb;border-color:#fde68a}.glass-metric-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:18px 20px;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 2px 6px #0f172a08}.glass-metric-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 18px #0f172a0f}.glass-metric-card .metric-value{color:#0f172a;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;line-height:1.2}.glass-metric-card .metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:12px;font-weight:700}:root{--spring-default:cubic-bezier(.34, 1.56, .64, 1);--spring-snappy:cubic-bezier(.175, .885, .32, 1.1);--spring-slow:cubic-bezier(.25, 1, .5, 1);--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes springPop{0%{transform:scale(.9)}70%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulseGold{0%{box-shadow:0 0 #d4af3766}70%{box-shadow:0 0 0 8px #d4af3700}to{box-shadow:0 0 #d4af3700}}.anim-fade-in{animation:.4s ease-out forwards fadeIn}.anim-slide-up{animation:slideUp .5s var(--spring-default) forwards}.anim-slide-down{animation:slideDown .4s var(--spring-default) forwards}.anim-scale-in{animation:scaleIn .4s var(--spring-snappy) forwards}.anim-spring-pop{animation:springPop .3s var(--spring-default) forwards}.anim-pulse-gold{animation:2s infinite pulseGold}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.view-container{width:100%;min-height:100vh;padding-bottom:calc(85px + var(--safe-area-bottom));-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;overflow:hidden auto}.tab-sliding-indicator{transition:left .3s cubic-bezier(.25,1,.5,1),width .3s cubic-bezier(.25,1,.5,1)}@keyframes pinPop{0%{transform:scale(.9)}50%{border-color:var(--royal-gold);transform:scale(1.15)}to{transform:scale(1)}}@keyframes shiver{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes biometricGlow{0%{transform:scale(1);box-shadow:0 0 #d4af3740}50%{transform:scale(1.02);box-shadow:0 0 0 10px #d4af371a}to{transform:scale(1);box-shadow:0 0 #d4af3700}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleLogo{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.anim-pin-pop{animation:.15s cubic-bezier(.175,.885,.32,1) forwards pinPop}.anim-shiver{animation:.3s ease-in-out shiver}.anim-biometric{animation:2.5s ease-in-out infinite biometricGlow}.anim-slide-out-left{animation:.5s cubic-bezier(.76,0,.24,1) forwards slideOutLeft}.anim-slide-in-right{animation:.5s cubic-bezier(.76,0,.24,1) forwards slideInRight}.anim-scale-logo{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards scaleLogo}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatWave{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes colorPulse{0%,to{box-shadow:0 0 #3b82f640}50%{box-shadow:0 0 0 16px #3b82f60a}}.shimmer-item{background:linear-gradient(90deg,#ffffff1a 25%,#ffffff4d 50%,#ffffff1a 75%) 0 0/200% 100%;animation:1.6s linear infinite shimmer}.anim-float{animation:6s ease-in-out infinite floatWave}.anim-glow{animation:2.2s ease-in-out infinite colorPulse}@keyframes pulseBadge{0%{transform:scale(1);box-shadow:0 0 #d4af3799}70%{transform:scale(1.15);box-shadow:0 0 0 6px #d4af3700}to{transform:scale(1);box-shadow:0 0 #d4af3700}}.pulse-badge{animation:2.2s ease-in-out infinite pulseBadge}@keyframes rippleWave{0%{opacity:.45;transform:scale(0)}to{opacity:0;transform:scale(3.5)}}.ripple-container{position:relative;overflow:hidden}.ripple-container .ripple{pointer-events:none;background:#d4af3759;border-radius:50%;animation:.55s cubic-bezier(.25,.8,.25,1) forwards rippleWave;position:absolute;transform:scale(0)}@keyframes countUp{0%{opacity:0;transform:translateY(12px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.anim-count-up{animation:.55s cubic-bezier(.16,1,.3,1) forwards countUp}@keyframes borderGlow{0%,to{border-color:var(--card-border);box-shadow:0 0 #d4af3700}50%{border-color:var(--royal-gold);box-shadow:0 0 0 4px #d4af372e}}.anim-border-glow{animation:2s ease-in-out infinite borderGlow}@keyframes typingDot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.typing-dot-1{animation:1.2s infinite typingDot}.typing-dot-2{animation:1.2s .2s infinite typingDot}.typing-dot-3{animation:1.2s .4s infinite typingDot}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.stagger-9{animation-delay:.45s}.stagger-10{animation-delay:.5s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.anim-slide-in-left{animation:slideInLeft .45s var(--spring-default) forwards}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.anim-fade-scale-in{animation:fadeScaleIn .4s var(--spring-snappy) forwards}.press-interactive{will-change:transform;transition:transform .18s cubic-bezier(.2,.8,.2,1),opacity .18s,box-shadow .18s}.press-interactive:hover{opacity:.92}.press-interactive:active{opacity:.85;transform:scale(.94)}@keyframes ticker{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.anim-ticker{white-space:nowrap;animation:28s linear infinite ticker;display:inline-block}.anim-ticker:hover{animation-play-state:paused}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.text-gradient-animated{background:linear-gradient(135deg,#0a2540 0%,#00c2ff 40%,#d97706 80%,#e11d48 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:5s infinite gradientShift}@keyframes float3d{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(1.5deg)}}.anim-float-3d{animation:6s ease-in-out infinite float3d}@keyframes spinY{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.anim-spin-y{animation:12s linear infinite spinY}.card-3d-wrapper{perspective:1200px}.card-3d-tilt{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.card-3d-tilt:hover{transform:translateY(-8px)rotateX(3deg)rotateY(-4deg);box-shadow:0 20px 40px -15px #0a254026}@keyframes marqueeContinuous{0%{transform:translate(0%)}to{transform:translate(-50%)}}.marquee-track{width:200%;animation:24s linear infinite marqueeContinuous;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes marqueeReverse{0%{transform:translate(-50%)}to{transform:translate(0%)}}.marquee-track-reverse{width:200%;animation:28s linear infinite marqueeReverse;display:flex}.marquee-track-reverse:hover{animation-play-state:paused}@keyframes neonPulse{0%,to{text-shadow:0 0 10px #38bdf899,0 0 20px #38bdf866}50%{text-shadow:0 0 20px #f59e0bcc,0 0 35px #f59e0b99}}.anim-neon-pulse{animation:3s ease-in-out infinite neonPulse}@keyframes floatOrb{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.08)}}.anim-float-orb{animation:8s ease-in-out infinite floatOrb}.shiny-3d-card{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.shiny-3d-card:before{content:"";pointer-events:none;z-index:5;background:linear-gradient(45deg,#0000 0%,#ffffff08 40%,#ffffff40 50%,#ffffff08 60%,#0000 100%);width:200%;height:200%;transition:transform .8s;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)translateY(-100%)}.shiny-3d-card:hover:before{transform:rotate(30deg)translateY(100%)}.shiny-3d-card:hover{transform:translateY(-10px)rotateX(4deg)rotateY(-3deg)scale(1.02);box-shadow:0 25px 50px -12px #0a254040,0 0 20px #38bdf833}@keyframes spin89345{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes before8{0%{width:.5em;box-shadow:1em -.5em #e11462bf,-1em .5em #6fcadcbf}35%{width:2.5em;box-shadow:0 -.5em #e11462bf,0 .5em #6fcadcbf}70%{width:.5em;box-shadow:-1em -.5em #e11462bf,1em .5em #6fcadcbf}to{box-shadow:1em -.5em #e11462bf,-1em .5em #6fcadcbf}}@keyframes after6{0%{height:.5em;box-shadow:.5em 1em #3db88fbf,-.5em -1em #e9a920bf}35%{height:2.5em;box-shadow:.5em 0 #3db88fbf,-.5em 0 #e9a920bf}70%{height:.5em;box-shadow:.5em -1em #3db88fbf,-.5em 1em #e9a920bf}to{box-shadow:.5em 1em #3db88fbf,-.5em -1em #e9a920bf}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes textGradientShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes floatOrbSmooth{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.12)}66%{transform:translate(-20px,20px)scale(.92)}to{transform:translate(0)scale(1)}}@keyframes pulseBorderGold{0%{border-color:#f59e0b4d;box-shadow:0 0 #f59e0b33}50%{border-color:#f59e0bcc;box-shadow:0 0 15px 3px #f59e0b59}to{border-color:#f59e0b4d;box-shadow:0 0 #f59e0b33}}@keyframes rainbowFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.text-shimmer-gold{color:#0000;background:linear-gradient(135deg,#fff 0%,#fbbf24 35%,#f59e0b 65%,#fff 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite textGradientShimmer}.text-shimmer-blue{color:#0000;background:linear-gradient(135deg,#1e293b 0%,#2563eb 40%,#3b82f6 70%,#0f172a 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite textGradientShimmer}.glass-card-interactive{will-change:transform, box-shadow;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .35s}.glass-card-interactive:hover{transform:translateY(-6px)scale(1.015);box-shadow:0 20px 40px -10px #0f172a26,0 0 20px #2563eb2e;border-color:#2563eb66!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-feature-settings:"cv02", "cv03", "cv04", "cv11";margin:0;padding:0}html,body{color:#1c1c1e;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;overflow:hidden auto;background-color:#fafaf9!important;background-image:none!important}body.neo-2d,html.neo-2d,body.dark-theme,html.dark-theme{background-color:#fafaf9!important;background-image:none!important}.view-container,.splash-container{-webkit-backdrop-filter:none!important;background-color:#fafaf9!important;background-image:none!important}#root{background-color:#fafaf9;flex-direction:column;width:100%;min-height:100vh;display:flex}h1,.page-title{color:#1c1c1e;letter-spacing:-.01em;font-size:22px;font-weight:600;line-height:1.4}h2,h3,.section-heading{color:#1c1c1e;letter-spacing:-.01em;font-size:16px;font-weight:600;line-height:1.4}h4,h5,h6{color:#1c1c1e;font-size:14px;font-weight:600}p,span,div{color:#1c1c1e}p.muted,span.muted,.text-secondary{color:#6e6e73!important}table,td,th,.tabular-nums{font-variant-numeric:tabular-nums}.signature-bar{padding-left:10px;border-left:2px solid var(--portal-accent)!important}.active-nav-item{border-left:2px solid var(--portal-accent)!important;color:#1c1c1e!important;background-color:#fff!important;font-weight:600!important}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e4e4e1;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#a6a6aa}input,textarea,select{outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);color:#0f172a!important;background-color:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:10px!important}input:focus,textarea:focus,select:focus{border-color:var(--portal-accent)!important;outline:none!important;box-shadow:0 0 0 3.5px #3730a31f!important}input::placeholder,textarea::placeholder{color:#94a3b8}label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:11.5px;font-weight:700;display:block}button{cursor:pointer;border-radius:10px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)scale(.98)}.press-interactive{transition:all .2s cubic-bezier(.16,1,.3,1)!important}.press-interactive:hover{transform:translateY(-2px)!important}.press-interactive:active{transform:translateY(0)scale(.98)!important}.btn-primary{padding:10px 18px;box-shadow:0 2px 8px #0f172a1f;background-color:var(--portal-accent)!important;color:#fff!important;border:none!important}.btn-primary:hover{opacity:.94;transform:translateY(-2px);box-shadow:0 6px 16px #0f172a2e}.btn-secondary{padding:10px 18px;box-shadow:0 1px 3px #0f172a08;color:#0f172a!important;background-color:#fff!important;border:1.5px solid #cbd5e1!important}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a0f;background-color:#f8fafc!important;border-color:#0f172a!important}table{border-collapse:separate;border-spacing:0;border-radius:12px;width:100%;font-size:13px;overflow:hidden}th{color:#475569;text-transform:uppercase;letter-spacing:.05em;text-align:left;background-color:#f1f5f9;border-bottom:1.5px solid #e2e8f0;padding:12px 14px;font-size:11px;font-weight:800}td{color:#0f172a;font-variant-numeric:tabular-nums;background-color:#fff;border-bottom:1px solid #e2e8f0;padding:12px 14px;font-weight:500;transition:background-color .15s}tbody tr:hover td{background-color:#f8fafc!important}tbody tr:last-child td{border-bottom:none}.num-col{text-align:right!important;font-variant-numeric:tabular-nums!important}::selection{color:#0f172a;background-color:#e2e8f0}