.login-page[data-v-c9d73a6c]{background-color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;color:#fff}.login-form[data-v-c9d73a6c]{background-color:#444;padding:20px;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5);width:300px;text-align:center}.login-form input[data-v-c9d73a6c]{width:calc(100% - 22px);padding:10px;margin:10px 0;border:1px solid #666;border-radius:4px;color:#fff;background-color:#555}.login-form input[data-v-c9d73a6c]::-webkit-input-placeholder{color:#aaa}.login-form input[data-v-c9d73a6c]::-moz-placeholder{color:#aaa}.login-form input[data-v-c9d73a6c]:-ms-input-placeholder{color:#aaa}.login-form input[data-v-c9d73a6c]::-ms-input-placeholder{color:#aaa}.login-form input[data-v-c9d73a6c]::placeholder{color:#aaa}.login-form button[data-v-c9d73a6c]{width:calc(100% - 22px);padding:10px;margin:10px 0;border:none;border-radius:4px;background-color:#67c23a;color:#000;font-size:16px;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.login-form button[data-v-c9d73a6c]:hover{background-color:#21a1f1;color:#fff}.sign-out-button[data-v-c9d73a6c]{background-color:#f56c6c;color:#fff;border-color:#f56c6c}.sign-out-button[data-v-c9d73a6c]:hover{background-color:#f78989;border-color:#f78989}.error-message[data-v-c9d73a6c]{color:#f56c6c;font-size:12px;margin:-10px 0 10px}