.login-container[data-v-1f013bfb]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--background);position:relative;overflow:hidden}.login-wrapper[data-v-1f013bfb]{position:relative;z-index:10;width:100%;max-width:592px;padding:20px}.decoration-circle[data-v-1f013bfb]{position:fixed;border-radius:50%;opacity:.03;pointer-events:none;z-index:1}.decoration-1[data-v-1f013bfb]{width:600px;height:600px;background:var(--primary);top:-200px;right:-200px;animation:float-1f013bfb 20s ease-in-out infinite}.decoration-2[data-v-1f013bfb]{width:400px;height:400px;background:var(--primary);bottom:-100px;left:-100px;animation:float-1f013bfb 15s ease-in-out infinite reverse}@keyframes float-1f013bfb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,30px) scale(1.1)}}.login-card[data-v-1f013bfb]{background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:48px 40px;transition:all .3s ease}.login-card[data-v-1f013bfb]:hover{box-shadow:0 20px 60px #7c3aed26;transform:translateY(-2px)}.logo-section[data-v-1f013bfb]{text-align:center;margin-bottom:40px}.logo-wrapper[data-v-1f013bfb]{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg,var(--primary) 0%,#a78bfa 100%);border-radius:24px;margin-bottom:24px;box-shadow:0 8px 24px #7c3aed40;position:relative}.logo-wrapper[data-v-1f013bfb]:before{content:"";position:absolute;inset:-2px;border-radius:24px;padding:2px;background:linear-gradient(135deg,var(--primary),#a78bfa);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}.logo-img[data-v-1f013bfb]{width:60px;height:60px;object-fit:contain;position:relative;z-index:2}.login-title[data-v-1f013bfb]{font-size:28px;font-weight:700;color:var(--foreground);margin:0 0 8px;letter-spacing:-.5px}.login-subtitle[data-v-1f013bfb]{font-size:14px;color:var(--muted-foreground);margin:0;font-weight:400}.login-form[data-v-1f013bfb]{margin-top:32px}.login-form[data-v-1f013bfb] .el-form-item__label{color:var(--foreground);font-weight:600;font-size:14px;margin-bottom:8px}.login-form[data-v-1f013bfb] .el-input__wrapper{background:var(--input);border:1px solid var(--border);border-radius:12px;padding:12px 16px;transition:all .3s ease;box-shadow:none}.login-form[data-v-1f013bfb] .el-input__wrapper:hover{border-color:var(--primary)}.login-form[data-v-1f013bfb] .el-input__wrapper.is-focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed1a}.login-form[data-v-1f013bfb] .el-input__inner{color:var(--foreground)}.login-form[data-v-1f013bfb] .el-input__inner::placeholder{color:var(--muted-foreground)}.form-options[data-v-1f013bfb]{margin-bottom:24px}.form-options[data-v-1f013bfb] .el-form-item__content{display:flex;justify-content:space-between;align-items:center}.remember-checkbox[data-v-1f013bfb] .el-checkbox__label{color:var(--foreground);font-size:14px;font-weight:500}.submit-item[data-v-1f013bfb]{margin-bottom:0}.login-button[data-v-1f013bfb]{width:100%;height:62px;background:var(--primary);border:none;border-radius:12px;font-size:16px;font-weight:600;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 12px #7c3aed4d}.login-button[data-v-1f013bfb]:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.login-button[data-v-1f013bfb]:active{transform:translateY(0)}.divider[data-v-1f013bfb]{display:flex;align-items:center;text-align:center;margin:24px 0;color:var(--muted-foreground)}.divider[data-v-1f013bfb]:before,.divider[data-v-1f013bfb]:after{content:"";flex:1;border-bottom:1px solid var(--border)}.divider span[data-v-1f013bfb]{padding:0 16px;font-size:13px;font-weight:500}@media(max-width:640px){.login-card[data-v-1f013bfb]{padding:32px 24px}.login-title[data-v-1f013bfb]{font-size:24px}.logo-wrapper[data-v-1f013bfb]{width:80px;height:80px}.logo-img[data-v-1f013bfb]{width:48px;height:48px}}.dark .login-card[data-v-1f013bfb]{box-shadow:0 10px 40px #0000004d}.dark .login-card[data-v-1f013bfb]:hover{box-shadow:0 20px 60px #8b5cf633}
