.login-container[data-v-4e3f83e8]{position:fixed;top:0;left:0;right:0;bottom:0;min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;margin:0;overflow:auto}.login-box[data-v-4e3f83e8]{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:50px 40px;width:100%;max-width:420px;animation:slideUp-4e3f83e8 .5s ease-out}@keyframes slideUp-4e3f83e8{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header[data-v-4e3f83e8]{text-align:center;margin-bottom:40px}.login-title[data-v-4e3f83e8]{font-size:32px;font-weight:700;margin:0 0 10px 0;color:#333}.login-title .title-highlight[data-v-4e3f83e8]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle[data-v-4e3f83e8]{color:#666;font-size:16px;margin:0}.login-form .form-group[data-v-4e3f83e8]{margin-bottom:24px}.login-form .form-group label[data-v-4e3f83e8]{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.login-form .form-group .form-input[data-v-4e3f83e8]{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .3s ease;box-sizing:border-box}.login-form .form-group .form-input[data-v-4e3f83e8]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.login-form .form-group .form-input[data-v-4e3f83e8]::-moz-placeholder{color:#999}.login-form .form-group .form-input[data-v-4e3f83e8]::placeholder{color:#999}.login-form .error-message[data-v-4e3f83e8]{background:#fee;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid #fcc}.login-form .login-button[data-v-4e3f83e8]{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.4)}.login-form .login-button[data-v-4e3f83e8]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.5)}.login-form .login-button[data-v-4e3f83e8]:active:not(:disabled){transform:translateY(0)}.login-form .login-button[data-v-4e3f83e8]:disabled{opacity:.7;cursor:not-allowed}@media(max-width:480px){.login-box[data-v-4e3f83e8]{padding:40px 30px}.login-title[data-v-4e3f83e8]{font-size:28px}}body,html{width:100%;height:100%}body{display:flex;align-items:center;justify-content:center}#app{margin:16px}@media screen and (min-width:800px){#app{width:70%;min-width:768px;max-width:1024px}}@media screen and (max-width:799px){#app{width:100%}}#panel{margin:0}#panel .btn{float:right;margin-left:8px}.btn{outline:none!important}.form-control{box-shadow:none!important}input[type=checkbox]{vertical-align:middle}label{margin-bottom:0;font-weight:400}.input-group:not(:last-child){margin-bottom:10px}.input-group-addon.front{min-width:81px}a{text-decoration:none!important}.bl-0{border-left:0}