@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#06f;--primary-hover:#0052cc;--secondary:#00d2ff;--bg-dark:#020b18;--card-bg:#06193b99;--card-border:#ffffff14;--text-main:#f0f0f5;--text-muted:#9ca3af;--input-bg:#0000004d;--input-border:#ffffff1a;--input-focus:#0066ff80;--error:#ff4757}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.login-container{background-color:var(--bg-dark);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.login-content-wrapper{z-index:10;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.login-background{z-index:1;position:absolute;inset:0}.erp-theme-bg{background:linear-gradient(135deg,#020b18 0%,#06193b 50%,#000 100%) 50%/cover}.erp-grid-overlay{transform-origin:top;opacity:.5;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;transform:perspective(1000px)rotateX(20deg)scale(1.5)}.glow-particle{filter:blur(80px);border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.p-1{background:#0066ff26;width:40vw;height:40vw;top:10%;right:10%}.p-2{background:#00d2ff1a;width:50vw;height:50vw;animation-delay:-5s;bottom:-10%;left:-5%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(5%,5%)scale(1.05)}to{transform:translate(-5%,-5%)scale(.95)}}.overlay-noise{opacity:.03;z-index:2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.login-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:24px;width:100%;max-width:420px;padding:48px;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUpFade;transform:translateY(0);box-shadow:0 30px 60px #0006,inset 0 1px #ffffff1a}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.card-header{text-align:center;margin-bottom:32px}.logo-container{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex;position:relative;box-shadow:0 10px 20px #0066ff4d}.logo-container:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff3}.logo-icon{color:#fff;width:28px;height:28px}.card-header h2{letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#a1a1aa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:28px;font-weight:700}.card-header p{color:var(--text-muted);font-size:15px}.login-form{flex-direction:column;gap:20px;display:flex}.input-group{flex-direction:column;display:flex;position:relative}.input-group label{color:var(--text-muted);pointer-events:none;z-index:2;font-size:15px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:44px;transform:translateY(-50%)}.input-group.focused label,.input-group.has-value label{color:var(--primary);background:var(--bg-dark);border-radius:4px;padding:0 6px;font-size:12px;top:-10px;left:12px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{width:20px;height:20px;color:var(--text-muted);z-index:2;transition:color .3s;position:absolute;left:16px}.input-group.focused .input-icon{color:var(--primary)}.input-group input{background:var(--input-bg);border:1px solid var(--input-border);width:100%;height:52px;color:var(--text-main);border-radius:12px;outline:none;padding:0 16px 0 44px;font-family:inherit;font-size:15px;transition:all .3s}.input-group input:hover{border-color:#fff3}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--input-focus);background:#00000080}.form-actions{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.checkbox-container{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;font-size:14px;display:flex}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;width:18px;height:18px;margin-right:8px;transition:all .2s;position:relative}.checkbox-container:hover input~.checkmark{border-color:var(--primary)}.checkbox-container input:checked~.checkmark{background:var(--primary);border-color:var(--primary)}.checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:none;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.checkbox-container input:checked~.checkmark:after{display:block}.forgot-password{color:var(--primary);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.forgot-password:hover{color:var(--secondary)}.submit-btn{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:52px;margin-top:12px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 16px #06f3}.submit-btn:before{content:"";border-radius:inherit;opacity:0;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .3s;position:absolute;inset:0}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 20px #0066ff4d}.submit-btn:hover:before{opacity:1}.submit-btn:active{transform:translateY(1px);box-shadow:0 4px 8px #06f3}.submit-btn svg{width:20px;height:20px;transition:transform .3s}.submit-btn:hover svg{transform:translate(4px)}@media (width<=480px){.login-card{min-height:100vh;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;padding:32px 24px;display:flex}}