#app{width:100%;height:100vh}.login-container[data-v-44d21352]{width:100%;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0a0a1a 0%,#0f0f23 25%,#1a1a2e 50%,#16213e 75%,#0f3460 100%);animation:background-shift-44d21352 20s ease-in-out infinite}@keyframes background-shift-44d21352{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.login-container[data-v-44d21352]:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:conic-gradient(from 0deg,rgba(132,146,255,.18),rgba(34,211,238,.12),rgba(232,121,249,.12),rgba(132,146,255,.18));filter:blur(60px);animation:aurora-move-44d21352 22s ease-in-out infinite;z-index:0}@keyframes aurora-move-44d21352{0%{transform:translateZ(0) rotate(0)}50%{transform:translate3d(4%,2%,0) rotate(8deg)}to{transform:translateZ(0) rotate(0)}}.background-decoration[data-v-44d21352]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.grid-background[data-v-44d21352]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(132,146,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(132,146,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:grid-move-44d21352 20s linear infinite;opacity:.5}@keyframes grid-move-44d21352{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.decoration-circle[data-v-44d21352]{position:absolute;border-radius:50%;filter:blur(80px);animation:float-44d21352 15s ease-in-out infinite}.circle-1[data-v-44d21352]{width:400px;height:400px;top:-150px;left:-150px;background:radial-gradient(circle,rgba(132,146,255,.3) 0%,transparent 70%);animation:float-44d21352 20s ease-in-out infinite,pulse-glow-44d21352 4s ease-in-out infinite}.circle-2[data-v-44d21352]{width:300px;height:300px;bottom:-100px;right:-100px;background:radial-gradient(circle,rgba(239,104,180,.25) 0%,transparent 70%);animation:float-44d21352 18s ease-in-out infinite reverse,pulse-glow-44d21352 5s ease-in-out infinite;animation-delay:1s}.circle-3[data-v-44d21352]{width:250px;height:250px;top:50%;left:80%;background:radial-gradient(circle,rgba(104,239,227,.2) 0%,transparent 70%);animation:float-44d21352 22s ease-in-out infinite,pulse-glow-44d21352 6s ease-in-out infinite;animation-delay:2s}.circle-4[data-v-44d21352]{width:200px;height:200px;top:20%;left:10%;background:radial-gradient(circle,rgba(132,146,255,.15) 0%,transparent 70%);animation:float-44d21352 16s ease-in-out infinite reverse,pulse-glow-44d21352 4.5s ease-in-out infinite;animation-delay:.5s}@keyframes float-44d21352{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes pulse-glow-44d21352{0%,to{opacity:.6}50%{opacity:1}}.particles[data-v-44d21352]{position:absolute;width:100%;height:100%;overflow:hidden}.particle[data-v-44d21352]{position:absolute;bottom:-10px;background:rgba(132,146,255,.6);border-radius:50%;box-shadow:0 0 10px #8492ffcc;animation:particle-rise-44d21352 linear infinite}@keyframes particle-rise-44d21352{0%{bottom:-10px;opacity:0}10%{opacity:1}90%{opacity:1}to{bottom:110%;opacity:0}}.decoration-line[data-v-44d21352]{position:absolute;background:linear-gradient(180deg,transparent 0%,rgba(132,146,255,.3) 50%,transparent 100%);filter:blur(1px);box-shadow:0 0 10px #8492ff80;animation:line-glow-44d21352 3s ease-in-out infinite}.line-1[data-v-44d21352]{width:1px;height:150px;top:20%;left:15%}.line-2[data-v-44d21352]{width:1px;height:120px;bottom:20%;right:20%;animation-delay:1s}.line-3[data-v-44d21352]{width:1px;height:100px;top:60%;left:85%;animation-delay:2s}.line-4[data-v-44d21352]{width:1px;height:130px;top:35%;right:10%;animation-delay:1.5s}@keyframes line-glow-44d21352{0%,to{opacity:.3;box-shadow:0 0 10px #8492ff4d}50%{opacity:1;box-shadow:0 0 20px #8492ffcc}}.login-form-container[data-v-44d21352]{background:linear-gradient(135deg,rgba(15,15,35,.95) 0%,rgba(20,20,45,.9) 100%);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:24px;padding:50px;width:420px;box-shadow:0 30px 60px #00000080,0 0 0 1px #8492ff33,inset 0 1px #ffffff1a,0 0 80px #8492ff1a;position:relative;z-index:1;animation:form-fade-in-44d21352 1s ease-out;overflow:hidden;will-change:transform;transform:perspective(900px);transform-style:preserve-3d}.login-form-container[data-v-44d21352]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;padding:2px;background:linear-gradient(135deg,rgba(132,146,255,.5) 0%,rgba(132,146,255,.1) 50%,rgba(132,146,255,.5) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-rotate-44d21352 4s linear infinite;pointer-events:none}@keyframes border-rotate-44d21352{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes form-fade-in-44d21352{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.company-header[data-v-44d21352]{text-align:center;margin-bottom:40px;position:relative;z-index:1}.logo[data-v-44d21352]{display:flex;align-items:center;justify-content:center;margin-bottom:25px;animation:logo-float-44d21352 3s ease-in-out infinite}@keyframes logo-float-44d21352{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-icon[data-v-44d21352]{width:50px;height:50px;margin-right:18px;color:#8492ff;position:relative;filter:drop-shadow(0 0 12px rgba(132,146,255,.5))}.logo-icon[data-v-44d21352]:before{content:"";position:absolute;width:120%;height:120%;top:-10%;left:-10%;background:radial-gradient(circle,rgba(132,146,255,.3) 0%,transparent 70%);border-radius:50%;animation:icon-pulse-44d21352 2s ease-in-out infinite}@keyframes icon-pulse-44d21352{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:1}}.logo-icon svg[data-v-44d21352]{width:100%;height:100%;filter:drop-shadow(0 0 15px rgba(132,146,255,.8));position:relative;z-index:1}.company-name h1[data-v-44d21352]{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;letter-spacing:1px;text-shadow:0 0 20px rgba(132,146,255,.5),0 0 40px rgba(132,146,255,.3);animation:title-glow-44d21352 3s ease-in-out infinite}@keyframes title-glow-44d21352{0%,to{text-shadow:0 0 20px rgba(132,146,255,.5),0 0 40px rgba(132,146,255,.3)}50%{text-shadow:0 0 30px rgba(132,146,255,.8),0 0 60px rgba(132,146,255,.5)}}.company-name p[data-v-44d21352]{color:#ffffffb3;font-size:11px;margin:0;letter-spacing:3px;font-weight:300;text-shadow:0 0 10px rgba(132,146,255,.3)}.system-title[data-v-44d21352]{color:#ffffffe6;font-size:16px;font-weight:400;margin:0;letter-spacing:1px}.login-form[data-v-44d21352]{display:flex;flex-direction:column;gap:28px}.input-group[data-v-44d21352]{position:relative;z-index:1}.input-wrapper[data-v-44d21352]{position:relative;display:flex;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(132,146,255,.2);border-radius:12px;padding:16px 18px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.input-wrapper[data-v-44d21352]:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:12px;background:radial-gradient(120px 60px at 0% 50%,rgba(132,146,255,.18),transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none}.input-wrapper[data-v-44d21352]:focus-within:before{opacity:1}.input-wrapper[data-v-44d21352]:focus-within{border-color:#8492ff;box-shadow:0 0 0 3px #8492ff26,0 0 20px #8492ff33,inset 0 0 20px #8492ff0d;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.05) 100%);transform:translateY(-2px)}.input-icon[data-v-44d21352]{width:22px;height:22px;margin-right:15px;flex-shrink:0;color:#ffffffb3;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;filter:drop-shadow(0 0 0 transparent)}.input-icon[data-v-44d21352]:before{content:"";position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(circle,rgba(132,146,255,.3) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .3s ease}.input-wrapper:focus-within .input-icon[data-v-44d21352]{color:#8492ff;transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 8px rgba(132,146,255,.6))}.input-wrapper:focus-within .input-icon[data-v-44d21352]:before{opacity:1}.input-icon svg[data-v-44d21352]{width:100%;height:100%}.form-input[data-v-44d21352]{flex:1;background:transparent;border:none;color:#fff;font-size:16px;outline:none;padding:0}.form-input[data-v-44d21352]::placeholder{color:#ffffff80}.input-actions[data-v-44d21352]{display:flex;gap:10px;margin-left:10px}.eye-icon[data-v-44d21352]{width:20px;height:20px;cursor:pointer;opacity:.6;transition:all .3s ease;color:#ffffffb3}.eye-icon[data-v-44d21352]:hover{opacity:1;color:#8492ff}.eye-icon svg[data-v-44d21352]{width:100%;height:100%}.login-button[data-v-44d21352]{background:linear-gradient(135deg,rgba(132,146,255,.2) 0%,rgba(106,121,233,.15) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#8492ff;border:1px solid rgba(132,146,255,.3);border-radius:12px;padding:18px;width:100%;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:10px;position:relative;overflow:hidden;box-shadow:0 8px 24px #8492ff26,inset 0 1px #ffffff1a}.login-button[data-v-44d21352]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:radial-gradient(circle at 50% 0%,rgba(132,146,255,.25),transparent 70%);opacity:0;transition:opacity .4s ease}.login-button[data-v-44d21352]:hover:not(:disabled):before{opacity:1}.login-button[data-v-44d21352]:hover:not(:disabled){border-color:#8492ff99;color:#fff;background:linear-gradient(135deg,rgba(132,146,255,.35) 0%,rgba(106,121,233,.25) 100%);box-shadow:0 12px 32px #8492ff59,0 0 0 1px #8492ff99,inset 0 1px #fff3}.login-button[data-v-44d21352]:active:not(:disabled){transform:scale(.98);box-shadow:0 6px 20px #8492ff40,0 0 0 1px #8492ff80,inset 0 1px #ffffff26}.login-button[data-v-44d21352]:disabled{opacity:.4;cursor:not-allowed;background:rgba(60,60,80,.2);border-color:#8492ff1a;color:#8492ff66;box-shadow:none}.loader[data-v-44d21352]{width:20px;height:20px;border:2px solid rgba(132,146,255,.2);border-top-color:#8492ff;border-radius:50%;animation:spin-44d21352 1s linear infinite;margin:0 auto}@keyframes spin-44d21352{to{transform:rotate(360deg)}}.error-message[data-v-44d21352]{color:#ff8a8a;font-size:12px;margin-top:8px;margin-left:18px}.general-error[data-v-44d21352]{color:#ff8a8a;text-align:center;margin-top:20px;font-size:14px;background:rgba(255,138,138,.1);padding:15px;border-radius:10px;border:1px solid rgba(255,138,138,.2)}@media (max-width: 480px){.login-form-container[data-v-44d21352]{width:90%;padding:40px 25px}.company-name h1[data-v-44d21352]{font-size:22px}.system-title[data-v-44d21352]{font-size:14px}.input-wrapper[data-v-44d21352]{padding:14px 16px}.login-button[data-v-44d21352]{padding:16px}}@media (prefers-reduced-motion: reduce){.login-container[data-v-44d21352]{animation:none!important}.login-container[data-v-44d21352]:before{animation:none!important}.grid-background[data-v-44d21352],.decoration-circle[data-v-44d21352],.logo[data-v-44d21352],.logo-icon[data-v-44d21352]{animation:none!important}.logo-icon[data-v-44d21352]:before{animation:none!important}.login-form-container[data-v-44d21352]:before{animation:none!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}input:focus{outline:none}button{font-family:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}html{font-size:16px}@media (max-width: 768px){html{font-size:14px}}@media (max-width: 480px){html{font-size:12px}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}