#app,body,html{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100vh}.login-container[data-v-547e73e1]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;box-sizing:border-box;position:relative;overflow:hidden}.background-canvas[data-v-547e73e1]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.login-box[data-v-547e73e1]{background:hsla(0,0%,100%,.9);border-radius:10px;box-shadow:0 15px 35px rgba(0,0,0,.2);padding:40px;width:100%;max-width:400px;box-sizing:border-box;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.login-header[data-v-547e73e1]{text-align:center;margin-bottom:30px}.login-header h2[data-v-547e73e1]{margin:0;color:#333;font-size:28px;font-weight:600}.form-group[data-v-547e73e1],.login-form[data-v-547e73e1]{display:flex;flex-direction:column}.form-group[data-v-547e73e1]{margin-bottom:20px}label[data-v-547e73e1]{display:block;margin-bottom:8px;color:#555;font-weight:500;text-align:left}input[data-v-547e73e1]{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:16px;box-sizing:border-box;transition:border-color .3s ease;background:hsla(0,0%,100%,.8)}input[data-v-547e73e1]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.2)}.login-button[data-v-547e73e1]{padding:12px;background-color:#667eea;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:10px}.login-button[data-v-547e73e1]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.login-button[data-v-547e73e1]:active{transform:translateY(0)}.debug-button[data-v-547e73e1]{padding:12px;background:linear-gradient(135deg,#f0f0f0,#d0d0d0);color:#333;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:10px}.debug-button[data-v-547e73e1]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.debug-button[data-v-547e73e1]:active{transform:translateY(0)}.error-message[data-v-547e73e1]{color:#ff4d4f;font-size:14px;margin-top:10px;text-align:center}.captcha-group[data-v-547e73e1]{flex-direction:row;align-items:center}.captcha-group label[data-v-547e73e1]{width:auto;margin-right:15px;text-align:left}.captcha-container[data-v-547e73e1]{display:flex;align-items:center;flex:1}.captcha-container input[data-v-547e73e1]{flex:1;margin-right:10px}.captcha-image[data-v-547e73e1]{height:40px;cursor:pointer;border:1px solid #ddd;border-radius:4px}