@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";html,body,#root{font-family:var(--app-font-family,"Roboto", system-ui, sans-serif)}body{margin:0}.employee-portal-active,.employee-portal-active input,.employee-portal-active button,.employee-portal-active select,.employee-portal-active textarea,.employee-portal-active *{font-family:Roboto,sans-serif!important}.login-page{background:#f5f7fb;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle,#0096ff26,#0000 70%);width:500px;height:500px;animation:12s ease-in-out infinite float1;position:absolute;top:-150px;left:-150px}.login-page:after{content:"";background:radial-gradient(circle,#00c8961f,#0000 70%);width:400px;height:400px;animation:15s ease-in-out infinite float2;position:absolute;bottom:-100px;right:-100px}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(50px,50px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-50px,-30px)}}.login-card{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #ffffff4d;animation:.8s fadeUp;box-shadow:0 8px 32px #00000014,0 0 20px #0096ff14}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.particle{background:#0096ff26;border-radius:50%;animation:8s linear infinite floatParticle;position:absolute}@keyframes floatParticle{0%{opacity:0;transform:translateY(100vh)}20%{opacity:1}to{opacity:0;transform:translateY(-100px)}}.login-btn{transition:all .3s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0096ff40}.custom-404-container{color:#1e293b;box-sizing:border-box;background:radial-gradient(circle,#fff 0%,#f8fafc 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;font-family:Roboto,sans-serif;display:flex}.custom-404-content{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #e2e8f0cc;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:40px;transition:transform .3s;display:flex;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.custom-404-content:hover{transform:translateY(-4px)}.custom-404-animation-wrapper{justify-content:center;align-items:center;width:280px;height:280px;margin-bottom:24px;display:flex}.custom-404-lottie{width:100%;height:100%}.custom-404-title{background:linear-gradient(135deg,#1e293b 0%,#475569 100%);-webkit-text-fill-color:transparent;letter-spacing:-.05em;-webkit-background-clip:text;margin:0 0 8px;font-size:72px;font-weight:800;line-height:1}.custom-404-subtitle{color:#64748b;letter-spacing:-.01em;margin:0 0 32px;font-size:20px;font-weight:600}.custom-404-button{color:#000;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;padding:12px 32px;font-size:15px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.custom-404-button:hover{color:#000;background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #00000014}.custom-404-button:active{transform:translateY(0)}@media (width<=480px){.custom-404-content{border-radius:16px;padding:32px 20px}.custom-404-animation-wrapper{width:220px;height:220px;margin-bottom:16px}.custom-404-title{font-size:56px}.custom-404-subtitle{margin-bottom:24px;font-size:18px}.custom-404-button{width:100%;padding:12px 24px}}