body{margin:0;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f2f5;color:#333}#app{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}#auth-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center}#auth-container h2{color:#007bff;margin-bottom:20px}#login-form div{margin-bottom:15px;text-align:left}#login-form label{display:block;margin-bottom:5px;font-weight:700}#login-form input[type=email],#login-form input[type=password]{width:calc(100% - 20px);padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}#login-button,#logout-button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .2s;margin-top:10px}#login-button:hover,#logout-button:hover{background-color:#0056b3}#auth-loading{margin-top:15px;color:#007bff;font-weight:700}#auth-error{margin-top:15px;color:red;font-weight:700}#iframe-container{width:100vw;height:100vh;border:none}#wrapper-iframe{width:100%;height:100%;border:none}